/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --shadow-panel: 0 24px 70px -36px rgb(15 23 42 / 0.42), 0 12px 30px -24px rgb(15 23 42 / 0.28);
    --shadow-panel-dark: 0 30px 80px -42px rgb(0 0 0 / 0.9), 0 14px 36px -26px rgb(0 0 0 / 0.72);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .dark\:bg-slate-950 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      background-color: var(--color-slate-950);
    }
  }
  .dark\:text-slate-200 {
    &:where([data-theme="dark"], [data-theme="dark"] *) {
      color: var(--color-slate-200);
    }
  }
}
:root, html[data-theme="dark"] {
  color-scheme: dark;
  --ui-bg: #070a0f;
  --ui-bg-elevated: #0b1018;
  --ui-shell: rgb(12 18 27 / 0.92);
  --ui-surface: #101722;
  --ui-surface-2: #151f2c;
  --ui-surface-3: #1b2736;
  --ui-field: #0c131d;
  --ui-field-focus: #101b29;
  --ui-text: #cbd5e1;
  --ui-text-strong: #f1f5f9;
  --ui-muted: #8794a6;
  --ui-border: #253244;
  --ui-border-soft: #1d2938;
  --ui-link: #8bc6e7;
  --ui-link-hover: #bae6fd;
  --ui-accent: #f28a4b;
  --ui-accent-strong: #fb923c;
  --ui-accent-soft: rgb(249 115 22 / 0.14);
  --ui-info: #65b8dc;
  --ui-info-soft: rgb(14 165 233 / 0.13);
  --ui-success: #72b79a;
  --ui-warning: #d7ab68;
  --ui-danger: #d98088;
  --ui-shadow: var(--shadow-panel-dark);
  --ui-overlay: rgb(2 6 12 / 0.68);
}
html[data-theme="light"] {
  color-scheme: light;
  --ui-bg: #eef2f7;
  --ui-bg-elevated: #f8fafc;
  --ui-shell: rgb(255 255 255 / 0.9);
  --ui-surface: #ffffff;
  --ui-surface-2: #f8fafc;
  --ui-surface-3: #eef2f7;
  --ui-field: #ffffff;
  --ui-field-focus: #f8fbff;
  --ui-text: #334155;
  --ui-text-strong: #0f172a;
  --ui-muted: #64748b;
  --ui-border: #d7dee8;
  --ui-border-soft: #e7ebf1;
  --ui-link: #0369a1;
  --ui-link-hover: #075985;
  --ui-accent: #e85d17;
  --ui-accent-strong: #c2410c;
  --ui-accent-soft: rgb(249 115 22 / 0.1);
  --ui-info: #0284c7;
  --ui-info-soft: rgb(14 165 233 / 0.1);
  --ui-success: #15803d;
  --ui-warning: #a16207;
  --ui-danger: #b91c1c;
  --ui-shadow: var(--shadow-panel);
  --ui-overlay: rgb(15 23 42 / 0.08);
}
@layer base {
  *, ::before, ::after {
    box-sizing: border-box;
    border-color: var(--ui-border);
  }
  html {
    min-height: 100%;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--ui-bg);
  }
  body {
    margin: calc(var(--spacing) * 0);
    min-height: 100vh;
    font-family: var(--font-sans);
    font-size: 15px;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--ui-text);
    background: radial-gradient(circle at 8% -10%, rgb(249 115 22 / 0.08), transparent 32rem), radial-gradient(circle at 92% 0%, rgb(14 165 233 / 0.07), transparent 34rem), var(--ui-bg);
  }
  body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background-image: linear-gradient(rgb(148 163 184 / 0.025) 1px, transparent 1px), linear-gradient(90deg, rgb(148 163 184 / 0.025) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(to bottom, black, transparent 72%);
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--ui-text-strong);
  }
  h1 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  h2 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  h3 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  h4 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  p {
    margin-block: calc(var(--spacing) * 0);
  }
  a {
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    color: var(--ui-link);
  }
  a:hover {
    color: var(--ui-link-hover);
  }
  img, video {
    display: block;
    max-width: 100%;
  }
  button, input, select, textarea {
    font: inherit;
  }
  button, [type="button"], [type="submit"], [role="button"], summary {
    touch-action: manipulation;
  }
  :focus-visible {
    outline: 3px solid rgb(56 189 248 / 0.48);
    outline-offset: 3px;
  }
  ::selection {
    background: rgb(249 115 22 / 0.28);
    color: var(--ui-text-strong);
  }
  code, kbd, samp, pre {
    font-family: var(--font-mono);
  }
  pre {
    overflow-x: auto;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    background: #080d14;
    color: #dbeafe;
  }
  code:not(pre code) {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.88em;
    background: var(--ui-surface-3);
    color: var(--ui-text-strong);
  }
  blockquote {
    margin-block: calc(var(--spacing) * 5);
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    font-style: italic;
    border-left-color: var(--ui-accent);
    background: var(--ui-accent-soft);
  }
  hr {
    margin-block: calc(var(--spacing) * 6);
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-border);
  }
  details > summary {
    cursor: pointer;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ui-text-strong);
  }
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]), textarea, select {
    min-height: calc(var(--spacing) * 11);
    width: 100%;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 15px;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    border-color: var(--ui-border);
    background: var(--ui-field);
    color: var(--ui-text-strong);
    caret-color: var(--ui-accent-strong);
  }
  textarea {
    min-height: calc(var(--spacing) * 36);
    resize: vertical;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  select {
    cursor: pointer;
    padding-right: calc(var(--spacing) * 9);
  }
  input::placeholder, textarea::placeholder {
    color: var(--ui-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--ui-muted) 78%, transparent);
    }
  }
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):focus, textarea:focus, select:focus {
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 72%, var(--ui-border));
    }
    background: var(--ui-field-focus);
    box-shadow: 0 0 0 4px rgb(14 165 233 / 0.12);
    outline: none;
  }
  input[type="checkbox"], input[type="radio"] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    cursor: pointer;
    vertical-align: middle;
    accent-color: var(--ui-accent-strong);
  }
  input[type="file"] {
    display: block;
    width: 100%;
    cursor: pointer;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-border);
    background: var(--ui-field);
    color: var(--ui-muted);
  }
  input[type="file"]::file-selector-button {
    margin-right: calc(var(--spacing) * 3);
    cursor: pointer;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background: var(--ui-surface-3);
    color: var(--ui-text-strong);
  }
  label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ui-text-strong);
  }
  table {
    width: 100%;
    border-collapse: separate;
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  th {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    background: var(--ui-surface-3);
    color: var(--ui-muted);
  }
  td {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    vertical-align: top;
    border-color: var(--ui-border-soft);
  }
}
@layer components {
  .theme-homepage-01 {
    min-height: 100vh;
  }
  .jvc-content-bg, .jvc-forum-home-bg, .jvc-forum-wall, .jvc-reader-bg, .jvc-review-bg, .jvc-profile-bg, .jvc-profile-notif-bg, .jvc-games-bg, .jvc-game-detail-bg, .jvc-tests-bg, .jvc-video-bg, .jvc-mp-bg, .jvc-chronicle-bg, .app-page-bg, .app-admin-bg, .app-utility-bg {
    min-height: calc(100vh - 9rem);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 8);
    }
    background: transparent;
  }
  .page, .app-admin-page, .app-utility-page, .app-error-page, .jvc-error-page, .app-moderation-page, .app-help-page {
    position: relative;
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-7xl);
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
    border-color: var(--ui-border);
    background: var(--ui-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-surface) 94%, transparent);
    }
    box-shadow: var(--ui-shadow);
    backdrop-filter: blur(18px);
  }
  .main-grid, .app-grid {
    display: grid;
    gap: calc(var(--spacing) * 6);
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
  }
  .main-grid.wide-side {
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 23rem);
  }
  .jvc-breadcrumb, .jvc-mp-breadcrumb, .crumb {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    min-height: calc(var(--spacing) * 11);
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
    color: var(--ui-muted);
  }
  .jvc-breadcrumb strong, .jvc-mp-breadcrumb strong {
    color: var(--ui-text-strong);
  }
  .jvc-mini-tools {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .panel, .panel-body, .card, .subsection, .formbox, .profile-box, .app-card, .app-form, .app-admin-card, .app-admin-editor, .app-admin-links, .app-admin-stat, .app-role-form, .app-utility-card, .app-form-help, .app-global-ban-box, .app-report-preview, .app-report-row, .app-feature-row, .app-extended-ok, .app-extended-warning, .jvc-panel, .jvc-auth-card, .jvc-auth-side, .jvc-info-card, .jvc-info-box, .jvc-info-note, .jvc-related, .jvc-top-news, .jvc-top-content, .jvc-top-forums, .jvc-darkbox, .jvc-forum-card, .jvc-profile-summary, .jvc-follow-card, .jvc-dossier-side, .jvc-dossier-summary, .jvc-release-filters, .jvc-release-side, .jvc-reader-bars, .jvc-reader-side, .jvc-search-filters, .jvc-search-none, .jvc-poll-box, .jvc-poll-create, .jvc-moderation-actions, .jvc-game-info, .jvc-game-review-form, .jvc-profile-form-fields, .jvc-profile-media-preview, .jvc-thread-move, .jvc-thread-tools, .jvc-mp-reply, .jvc-comment-form, .js-markdown-preview {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .panel, .app-card, .app-form, .app-admin-card, .app-utility-card, .jvc-info-card, .jvc-search-filters, .jvc-poll-box, .jvc-darkbox, .jvc-forum-card {
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .panel-title, .wire-title, .jvc-section-heading, .jvc-comments-title, .jvc-forum-title, .app-admin-heading, .app-utility-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .wire-title, .jvc-section-heading h1, .jvc-comments-title h2, .jvc-forum-title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    color: var(--ui-text-strong);
  }
  .muted, .tiny, .small, .app-meta, [class*="-meta"], [class*="-kicker"] {
    color: var(--ui-muted);
  }
  .tiny {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .small, .app-meta {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .app-empty, .app-empty-state, .jvc-empty-row, .jvc-empty-feature, .jvc-profile-empty, .jvc-mp-empty, .jvc-search-none {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 10);
    text-align: center;
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
    color: var(--ui-muted);
  }
  .app-flash {
    position: relative;
    z-index: 60;
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    width: calc(100% - 1.5rem);
    max-width: var(--container-7xl);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--ui-success);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-success) 45%, var(--ui-border));
    }
    background: var(--ui-success);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-success) 14%, var(--ui-surface));
    }
    color: var(--ui-text-strong);
  }
  .app-flash.error {
    border-color: var(--ui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-danger) 52%, var(--ui-border));
    }
    background: var(--ui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-danger) 13%, var(--ui-surface));
    }
  }
  .app-flash.warning {
    border-color: var(--ui-warning);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-warning) 48%, var(--ui-border));
    }
    background: var(--ui-warning);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-warning) 12%, var(--ui-surface));
    }
  }
  .btn, .button-link, .app-action, .app-btn, .jvc-btn-gray, .jvc-btn-blue, .jvc-post-button, .jvc-mp-new, .jvc-move-btn, .jvc-news-submit, .jvc-write-article, .jvc-review-cta, .jvc-poll-submit, .jvc-profile-save button, .jvc-auth-card button[type="submit"], .app-auth button, .app-form button, .jvc-comment-form button, .jvc-compose-footer button, .jvc-thread-tools button, .jvc-thread-move button, .jvc-moderation-actions button, .jvc-admin-grid button, form > button[type="submit"] {
    display: inline-flex;
    min-height: calc(var(--spacing) * 10);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-decoration-line: none;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    border-color: var(--ui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-accent) 48%, var(--ui-border));
    }
    background: var(--ui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-accent) 88%, var(--ui-surface));
    }
    color: #fff7ed;
  }
  .btn:hover, .button-link:hover, .app-action:hover, .app-btn:hover, .jvc-btn-gray:hover, .jvc-btn-blue:hover, .jvc-post-button:hover, .jvc-mp-new:hover, .jvc-move-btn:hover, .jvc-news-submit:hover, .jvc-write-article:hover, .jvc-poll-submit:hover, form > button[type="submit"]:hover {
    transform: translateY(-1px);
    filter: brightness(1.07);
    box-shadow: 0 12px 24px -16px rgb(249 115 22 / 0.8);
  }
  .gray, .secondary, .jvc-btn-gray, .app-action.gray, .app-btn.secondary {
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
    color: var(--ui-text-strong);
  }
  .jvc-btn-blue, .app-action.primary {
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 50%, var(--ui-border));
    }
    background: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-info) 78%, var(--ui-surface));
    }
    color: #f0f9ff;
  }
  .danger, .app-btn.danger {
    border-color: var(--ui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-danger) 55%, var(--ui-border));
    }
    background: var(--ui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-danger) 82%, var(--ui-surface));
    }
    color: #fff1f2;
  }
  .jvc-btn-disabled, button:disabled, [aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 50%;
    transform: none;
  }
  .app-inline, .jvc-inline-favorite, .jvc-inline-moderation {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-inline-favorite button, .jvc-inline-moderation button, .jvc-post-tools button, .jvc-comment footer button, .jvc-reactions button {
    min-height: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .jvc-site-top {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 50;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-border-soft);
    background: var(--ui-bg-elevated);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-bg-elevated) 88%, transparent);
    }
    backdrop-filter: blur(20px) saturate(140%);
  }
  .jvc-site-top .inner, .jvc-site-nav .inner {
    margin-inline: auto;
    display: flex;
    width: 100%;
    max-width: var(--container-7xl);
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .jvc-site-top .inner {
    min-height: calc(var(--spacing) * 16);
  }
  .jvc-wordmark {
    display: inline-flex;
    flex-shrink: 0;
    align-items: baseline;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: -0.055em;
    letter-spacing: -0.055em;
    text-decoration-line: none;
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    color: var(--ui-text-strong);
  }
  .jvc-wordmark .j {
    color: var(--ui-accent-strong);
  }
  .jvc-wordmark b {
    color: var(--ui-info);
  }
  .jvc-site-top .social {
    display: none;
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .jvc-site-top .social a, .jvc-account-icon {
    display: inline-flex;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
    color: var(--ui-muted);
  }
  .jvc-site-top .social a:hover, .jvc-account-icon:hover {
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 45%, var(--ui-border));
    }
    background: var(--ui-surface-3);
    color: var(--ui-text-strong);
  }
  .jvc-site-top .account {
    margin-left: auto;
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-account-login, .jvc-account-register {
    display: inline-flex;
    min-height: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .jvc-account-login {
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
    color: var(--ui-text-strong);
  }
  .jvc-account-register {
    border-color: var(--ui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-accent) 62%, var(--ui-border));
    }
    background: var(--ui-accent-soft);
    color: var(--ui-accent-strong);
  }
  .jvc-account-login:hover, .jvc-account-register:hover {
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 48%, var(--ui-border));
    }
    background: var(--ui-surface-3);
    color: var(--ui-text-strong);
  }
  .jvc-account-avatar {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    flex-shrink: 0;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--ui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-accent) 58%, var(--ui-border));
    }
  }
  .jvc-account-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-account-name {
    display: none;
    max-width: calc(var(--spacing) * 36);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-decoration-line: none;
    @media (width >= 80rem) {
      display: inline;
    }
    color: var(--ui-text-strong);
  }
  .jvc-account-icon {
    position: relative;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    flex-shrink: 0;
  }
  .jvc-account-icon .badge, .badge {
    display: inline-flex;
    min-width: calc(var(--spacing) * 5);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    background: var(--ui-accent-strong);
    color: white;
  }
  .jvc-account-icon .badge {
    position: absolute;
    top: calc(var(--spacing) * -1.5);
    right: calc(var(--spacing) * -1.5);
  }
  .jvc-blue-badge {
    background: var(--ui-info);
  }
  .jvc-orange-badge {
    background: var(--ui-accent-strong);
  }
  .jvc-logout button {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    min-height: calc(var(--spacing) * 0);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 0);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
    color: var(--ui-muted);
  }
  .jvc-mobile-menu-button {
    margin-left: auto;
    display: inline-flex;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    @media (width >= 48rem) {
      display: none;
    }
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
    color: var(--ui-text-strong);
  }
  .jvc-mobile-menu-button svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .jvc-site-nav {
    position: sticky;
    top: calc(var(--spacing) * 16);
    z-index: 40;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-border-soft);
    background: var(--ui-shell);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-shell) 92%, transparent);
    }
    backdrop-filter: blur(18px) saturate(130%);
  }
  .jvc-site-nav .inner {
    min-height: calc(var(--spacing) * 14);
    gap: calc(var(--spacing) * 1);
  }
  .jvc-nav-links {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    overflow-x: auto;
    padding-block: calc(var(--spacing) * 2);
    scrollbar-width: none;
  }
  .jvc-nav-links::-webkit-scrollbar {
    display: none;
  }
  .jvc-site-nav a {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    color: var(--ui-muted);
  }
  .jvc-site-nav a:hover, .jvc-site-nav a[aria-current="page"] {
    background: var(--ui-surface-3);
    color: var(--ui-text-strong);
  }
  .jvc-site-nav a[aria-current="page"] {
    box-shadow: inset 0 0 0 1px var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-info) 35%, transparent);
    }
  }
  .jvc-nav-mobile-only {
    display: none;
  }
  .jvc-site-nav .search {
    margin-left: auto;
    display: none;
    width: 100%;
    max-width: var(--container-sm);
    align-items: center;
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .jvc-site-nav .search input {
    min-height: calc(var(--spacing) * 10);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .jvc-site-nav .search button {
    min-height: calc(var(--spacing) * 10);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
    color: var(--ui-text-strong);
  }
  .jvc-mobile-search {
    display: none;
    width: 100%;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      display: none;
    }
    border-color: var(--ui-border-soft);
  }
  .jvc-mobile-search .search {
    display: flex;
    width: 100%;
  }
  .jvc-mobile-search input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .jvc-mobile-search button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .jvc-site-nav.is-open, .jvc-mobile-search.is-open {
    display: block;
  }
  .jvc-endstrip {
    margin-top: calc(var(--spacing) * 10);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: var(--ui-border-soft);
    background: var(--ui-bg-elevated);
  }
  .jvc-endstrip nav {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-7xl);
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .jvc-endstrip a {
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    color: var(--ui-muted);
  }
  .jvc-endstrip a:hover {
    background: var(--ui-surface-2);
    color: var(--ui-text-strong);
  }
  .jvc-footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-border-soft);
    background: var(--ui-bg-elevated);
  }
  .jvc-footer > div {
    margin-inline: auto;
    display: grid;
    max-width: var(--container-7xl);
    gap: calc(var(--spacing) * 5);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 10);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      grid-template-columns: 1fr auto;
    }
    @media (width >= 48rem) {
      align-items: flex-end;
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .jvc-footer-logo {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: -0.04em;
    letter-spacing: -0.04em;
    text-decoration-line: none;
    color: var(--ui-text-strong);
  }
  .jvc-footer-logo span {
    color: var(--ui-info);
  }
  .jvc-footer p {
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-2xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--ui-muted);
  }
  .jvc-footer nav {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--spacing) * 5);
    row-gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .jvc-footer nav a {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
    color: var(--ui-muted);
  }
  .jvc-footer small {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
    color: var(--ui-muted);
  }
  .jvc-home-wire-dynamic {
    display: grid;
    gap: calc(var(--spacing) * 6);
  }
  .wire-section {
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .wire-title {
    margin-bottom: calc(var(--spacing) * 5);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 4);
    border-color: var(--ui-border-soft);
  }
  .wire-title::before, .jvc-section-heading h1::before {
    content: "";
    margin-right: calc(var(--spacing) * 3);
    display: inline-block;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    vertical-align: middle;
    background: linear-gradient(to bottom, var(--ui-accent-strong), var(--ui-info));
  }
  .wire-feature {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .wire-feature > a {
    position: relative;
    min-height: calc(var(--spacing) * 52);
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    text-decoration-line: none;
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-3);
  }
  .wire-feature > a:first-child {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
    @media (width >= 64rem) {
      grid-row: span 2 / span 2;
    }
    @media (width >= 64rem) {
      min-height: 28rem;
    }
  }
  .wire-feature .jvc-wire-image {
    position: absolute;
    inset: calc(var(--spacing) * 0);
  }
  .wire-feature .jvc-wire-image::after {
    content: "";
    position: absolute;
    inset: calc(var(--spacing) * 0);
    background: linear-gradient(to top, rgb(3 7 13 / 0.94), rgb(3 7 13 / 0.12) 72%);
  }
  .wire-feature img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .wire-feature > a:hover img {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .wire-feature .caption {
    position: absolute;
    inset-inline: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    z-index: 10;
    padding: calc(var(--spacing) * 5);
    color: #e2e8f0;
  }
  .wire-feature .caption b {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    color: white;
  }
  .wire-feature > a:first-child .caption b {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .wire-feature .caption .small {
    margin-top: calc(var(--spacing) * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: block;
    color: #b8c4d3;
  }
  .wire-list {
    display: grid;
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 19rem;
    }
  }
  .wire-news {
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .jvc-wire-row {
    display: grid;
    grid-template-columns: 5.5rem minmax(0,1fr);
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width >= 40rem) {
      grid-template-columns: 8rem minmax(0,1fr);
    }
    border-color: var(--ui-border-soft);
    background: var(--ui-surface);
  }
  .jvc-wire-row:hover {
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 42%, var(--ui-border));
    }
    background: var(--ui-surface-3);
    transform: translateY(-1px);
  }
  .jvc-wire-row > .graybox {
    aspect-ratio: var(--aspect-video);
    overflow: hidden;
    border-radius: var(--radius-xl);
    background: var(--ui-surface-3);
  }
  .jvc-wire-row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-wire-row b {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--ui-text-strong);
  }
  .jvc-wire-row p {
    margin-top: calc(var(--spacing) * 1);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .jvc-wire-row .tiny {
    margin-top: calc(var(--spacing) * 2);
    display: block;
  }
  .jvc-wire-aside {
    display: grid;
    align-content: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .sidebar-block {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
    background: var(--ui-surface);
  }
  .sidebar-block h3 {
    margin: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-3);
  }
  .sidebar-block a {
    display: block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-decoration-line: none;
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    border-color: var(--ui-border-soft);
  }
  .sidebar-block a:hover {
    background: var(--ui-surface-2);
  }
  .jvc-home-stats {
    margin-bottom: calc(var(--spacing) * 6);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .jvc-home-stats strong {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    border-color: var(--ui-border-soft);
    background: var(--ui-surface);
    color: var(--ui-text-strong);
  }
  .jvc-home-stats small {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    color: var(--ui-muted);
  }
  .twocol, .jvc-home-duo {
    display: grid;
    gap: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .twocol > div, .jvc-home-duo > div {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface);
  }
  .twocol p {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-block: calc(var(--spacing) * 2.5);
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    border-color: var(--ui-border-soft);
  }
  .media-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .jvc-wire-game {
    min-width: calc(var(--spacing) * 0);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2.5);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface);
  }
  .jvc-wire-game:hover {
    transform: translateY(-2px);
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 40%, var(--ui-border));
    }
  }
  .jvc-wire-game .graybox {
    margin-bottom: calc(var(--spacing) * 3);
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: var(--radius-xl);
  }
  .jvc-wire-game img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-wire-game b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ui-text-strong);
  }
  .agenda {
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .agenda > div {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface);
  }
  .jvc-forum-home-grid, .jvc-forum-grid {
    display: grid;
    gap: calc(var(--spacing) * 6);
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
  }
  .jvc-forum-category {
    margin-top: calc(var(--spacing) * 6);
  }
  .jvc-forum-category > h2, .jvc-home-duo h2 {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ui-muted);
  }
  .jvc-forum-category-grid {
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .jvc-forum-card {
    position: relative;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .jvc-forum-card:hover {
    transform: translateY(-1px);
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 42%, var(--ui-border));
    }
  }
  .jvc-forum-card h3 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .jvc-forum-card p {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .jvc-forum-card small {
    margin-top: calc(var(--spacing) * 3);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ui-muted);
  }
  .jvc-last-topic {
    margin-top: calc(var(--spacing) * 3);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    text-decoration-line: none;
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-3);
  }
  .jvc-feature-forum, .jvc-blabla-list {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface);
  }
  .jvc-feature-art {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .jvc-blabla-list {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-top-forums, .jvc-top-news, .jvc-top-content {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 0);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-top-forums h3, .jvc-top-news h3, .jvc-top-content h3 {
    margin: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-3);
  }
  .jvc-top-forums > a, .jvc-top-news > a, .jvc-top-content > a {
    display: flex;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    border-color: var(--ui-border-soft);
  }
  .jvc-top-forums > a:hover, .jvc-top-news > a:hover, .jvc-top-content > a:hover {
    background: var(--ui-surface-3);
  }
  .jvc-forum-title {
    margin-bottom: calc(var(--spacing) * 5);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: var(--ui-border-soft);
    background: linear-gradient(135deg, var(--ui-accent-soft), var(--ui-info-soft));
  }
  .jvc-online-count {
    margin-left: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ui-muted);
  }
  .jvc-forum-actions, .jvc-thread-actions {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .jvc-forum-actions .push, .jvc-thread-actions .push {
    margin-left: auto;
  }
  .jvc-forum-search {
    margin-left: auto;
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    align-items: center;
    @media (width >= 40rem) {
      max-width: var(--container-md);
    }
  }
  .jvc-forum-search input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .jvc-forum-search select {
    max-width: calc(var(--spacing) * 36);
    border-radius: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .jvc-forum-search button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .jvc-pager, .jvc-pagination, .app-pagination {
    margin-block: calc(var(--spacing) * 5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-pager a, .jvc-pager span, .jvc-pagination a, .app-pagination a {
    display: inline-flex;
    min-height: calc(var(--spacing) * 9);
    min-width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
    color: var(--ui-muted);
  }
  .jvc-pager a:hover, .jvc-pagination a:hover, .app-pagination a:hover, .jvc-pager a.active, .jvc-pagination a.active, .app-pagination a.active {
    border-color: var(--ui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-accent) 54%, var(--ui-border));
    }
    background: var(--ui-accent-soft);
    color: var(--ui-text-strong);
  }
  .jvc-topic-table {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
  }
  .jvc-topic-head, .jvc-topic-line {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) 8rem 4.5rem 10rem;
    align-items: center;
  }
  .jvc-topic-head {
    min-height: calc(var(--spacing) * 11);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    background: var(--ui-surface-3);
    color: var(--ui-muted);
  }
  .jvc-topic-head > span {
    padding-inline: calc(var(--spacing) * 3);
  }
  .jvc-topic-head > span:first-child {
    grid-column: 2;
  }
  .jvc-topic-line {
    min-height: calc(var(--spacing) * 14);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface);
  }
  .jvc-topic-line:nth-child(odd) {
    background: var(--ui-surface-2);
  }
  .jvc-topic-line:hover {
    background: var(--ui-surface-3);
  }
  .jvc-topic-status {
    margin-inline: auto;
    display: inline-flex;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    background: var(--ui-accent-soft);
    color: var(--ui-accent-strong);
  }
  .jvc-topic-status.pin {
    background: rgb(34 197 94 / 0.15);
    color: var(--ui-success);
  }
  .jvc-topic-status.locked {
    background: var(--ui-surface-3);
    color: var(--ui-muted);
  }
  .jvc-topic-subject, .jvc-topic-author, .jvc-topic-count, .jvc-topic-last {
    min-width: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .jvc-topic-subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    color: var(--ui-text-strong);
  }
  .jvc-topic-author {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ui-muted);
  }
  .jvc-topic-count {
    text-align: center;
    color: var(--ui-muted);
  }
  .jvc-topic-last {
    display: flex;
    flex-direction: column;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ui-muted);
  }
  .jvc-topic-last time {
    color: var(--ui-info);
  }
  .jvc-forum-side {
    display: grid;
    align-content: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .jvc-darkbox-title {
    margin-inline: calc(var(--spacing) * -5);
    margin-top: calc(var(--spacing) * -5);
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-3);
    color: var(--ui-text-strong);
  }
  .jvc-darkbox-subtitle {
    margin-top: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    border-color: var(--ui-border-soft);
    color: var(--ui-muted);
  }
  .jvc-darkbox-subtitle.orange {
    color: var(--ui-accent);
  }
  .jvc-darkbox-list {
    margin-top: calc(var(--spacing) * 2);
    display: grid;
    gap: calc(var(--spacing) * 1.5);
  }
  .jvc-darkbox-list > a, .jvc-darkbox-list > b, .jvc-darkbox-list > span {
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
  }
  .jvc-darkbox-list > a:hover {
    background: var(--ui-surface-3);
  }
  .jvc-online-member {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-online-member-avatar {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
  }
  .jvc-online-member-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-favorite-entry {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: var(--ui-border-soft);
  }
  .jvc-favorite-entry > a {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .jvc-favorite-entry form button {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    min-height: calc(var(--spacing) * 0);
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 0);
  }
  .jvc-forum-kick-notice, .jvc-info-note, .jvc-login-compose, .jvc-moderated-placeholder {
    margin-bottom: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-warning);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-warning) 45%, var(--ui-border));
    }
    background: var(--ui-warning);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-warning) 10%, var(--ui-surface));
    }
    color: var(--ui-text);
  }
  .jvc-poll-box {
    margin-bottom: calc(var(--spacing) * 5);
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
  }
  .jvc-poll-box > h3 {
    margin: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    border-color: var(--ui-border-soft);
  }
  .jvc-poll-body {
    padding: calc(var(--spacing) * 5);
  }
  .jvc-poll-question {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--ui-text-strong);
  }
  .jvc-poll-option {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-block: calc(var(--spacing) * 3);
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    border-color: var(--ui-border-soft);
  }
  .jvc-poll-bar {
    margin-top: calc(var(--spacing) * 2);
    display: block;
    height: calc(var(--spacing) * 2);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background: var(--ui-surface-3);
  }
  .jvc-poll-bar > span {
    display: block;
    height: 100%;
    border-radius: calc(infinity * 1px);
    background: linear-gradient(90deg, var(--ui-info), var(--ui-accent));
  }
  .jvc-poll-meta {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ui-muted);
  }
  .jvc-forum-post {
    margin-bottom: calc(var(--spacing) * 5);
    display: grid;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    grid-template-columns: 11rem minmax(0, 1fr);
    border-color: var(--ui-border);
    background: var(--ui-surface);
  }
  .jvc-forum-post > header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    padding: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    grid-column: 1;
    grid-row: 1 / span 3;
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
    color: var(--ui-muted);
  }
  .jvc-post-avatar {
    margin-bottom: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .jvc-post-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-post-avatar span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--ui-accent);
  }
  .jvc-post-user {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    text-decoration-line: none;
  }
  .staff-name--admin {
    color: #e99a8e;
  }
  .staff-name--moderator {
    color: #82bfa7;
  }
  .jvc-mail {
    margin-top: calc(var(--spacing) * 2);
    display: inline-flex;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    text-decoration-line: none;
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .jvc-forum-post > header time {
    margin-top: calc(var(--spacing) * 3);
    display: block;
  }
  .jvc-post-tools {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .jvc-post-tools > a, .jvc-post-tools > form > button {
    display: inline-flex;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    min-height: calc(var(--spacing) * 0);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    text-decoration-line: none;
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
    color: var(--ui-muted);
  }
  .jvc-post-body {
    min-width: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1.72;
    line-height: 1.72;
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
    grid-column: 2;
    color: var(--ui-text);
  }
  .jvc-post-body > :first-child {
    margin-top: 0;
  }
  .jvc-post-body > :last-child {
    margin-bottom: 0;
  }
  .jvc-post-body p {
    margin-block: calc(var(--spacing) * 4);
  }
  .jvc-post-body ul {
    margin-block: calc(var(--spacing) * 4);
    list-style-type: disc;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-left: calc(var(--spacing) * 6);
  }
  .jvc-post-body ol {
    margin-block: calc(var(--spacing) * 4);
    list-style-type: decimal;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-left: calc(var(--spacing) * 6);
  }
  .jvc-post-body h1 {
    margin-block: calc(var(--spacing) * 5);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .jvc-post-body h2 {
    margin-block: calc(var(--spacing) * 5);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .jvc-post-body h3 {
    margin-block: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .jvc-post-body img {
    margin-block: calc(var(--spacing) * 5);
    height: auto;
    max-width: 100%;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
  }
  .jvc-post-signature {
    margin-top: calc(var(--spacing) * 7);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-border-soft);
    color: var(--ui-muted);
  }
  .jvc-post-moderation-row {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 3);
    grid-column: 2;
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .jvc-reactions {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-reactions form {
    display: inline-flex;
  }
  .jvc-reactions button, .jvc-reactions span {
    display: inline-flex;
    min-height: calc(var(--spacing) * 8);
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-reactions button.active {
    border-color: var(--ui-accent);
    background: var(--ui-accent-soft);
  }
  .jvc-attachments {
    margin-top: calc(var(--spacing) * 5);
    display: grid;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .jvc-ignored-message {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-compose-block {
    margin-top: calc(var(--spacing) * 6);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-compose-block > h3 {
    margin-bottom: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    border-color: var(--ui-border-soft);
  }
  .jvc-editor-toolbar {
    display: flex;
    min-height: calc(var(--spacing) * 12);
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .jvc-editor-toolbar span {
    margin-left: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ui-muted);
  }
  .jvc-editor-toolbar button {
    min-height: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .jvc-editor-area, .jvc-mp-reply textarea {
    min-height: calc(var(--spacing) * 56);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .js-markdown-preview {
    margin-top: calc(var(--spacing) * 3);
    min-height: calc(var(--spacing) * 24);
    padding: calc(var(--spacing) * 5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .js-markdown-preview[hidden] {
    display: none;
  }
  .js-markdown-preview.is-loading {
    animation: var(--animate-pulse);
    color: var(--ui-muted);
  }
  .js-markdown-preview.is-error {
    border-color: var(--ui-danger);
  }
  .js-markdown-preview.is-stale {
    opacity: 70%;
  }
  .jvc-file-field, .jvc-file-label {
    margin-top: calc(var(--spacing) * 4);
    display: block;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface);
  }
  .jvc-compose-footer {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .jvc-admin-grid {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .jvc-admin-grid > form {
    display: grid;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface);
  }
  .jvc-news-grid, .jvc-article-grid {
    display: grid;
    gap: calc(var(--spacing) * 7);
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 21rem);
  }
  .jvc-section-heading {
    margin-bottom: calc(var(--spacing) * 5);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .jvc-section-heading h1 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .jvc-view-toggle {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ui-muted);
  }
  .app-admin-editor {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .app-admin-editor label {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .app-admin-editor .wide {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .jvc-news-list {
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .jvc-news-item {
    display: grid;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width >= 40rem) {
      grid-template-columns: 12rem minmax(0,1fr);
    }
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-news-item:hover {
    transform: translateY(-1px);
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 42%, var(--ui-border));
    }
    box-shadow: 0 18px 38px -28px rgb(14 165 233 / 0.6);
  }
  .jvc-news-thumb {
    position: relative;
    aspect-ratio: var(--aspect-video);
    overflow: hidden;
    border-radius: var(--radius-xl);
    text-decoration-line: none;
    @media (width >= 40rem) {
      aspect-ratio: 4/3;
    }
    background: var(--ui-surface-3);
  }
  .jvc-news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .jvc-news-item:hover .jvc-news-thumb img {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .jvc-news-thumb b {
    position: absolute;
    bottom: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    background: rgb(2 6 12 / 0.8);
    color: white;
  }
  .jvc-news-item h2 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .jvc-news-item p {
    margin-top: calc(var(--spacing) * 2);
  }
  .jvc-news-bottom {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: var(--ui-border-soft);
    color: var(--ui-muted);
  }
  .jvc-admin-draft-link, .jvc-news-submit {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    text-decoration-line: none;
  }
  .jvc-article-hero {
    position: relative;
    margin-bottom: calc(var(--spacing) * 5);
    min-height: calc(var(--spacing) * 72);
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    @media (width >= 40rem) {
      min-height: 25rem;
    }
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .jvc-article-hero::after {
    content: "";
    position: absolute;
    inset: calc(var(--spacing) * 0);
    background: linear-gradient(to top, rgb(2 6 12 / 0.94), rgb(2 6 12 / 0.12) 72%);
  }
  .jvc-article-hero img {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-article-hero > span {
    position: absolute;
    bottom: calc(var(--spacing) * 24);
    left: calc(var(--spacing) * 5);
    z-index: 10;
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 8);
    }
    background: var(--ui-accent-strong);
    color: white;
  }
  .jvc-article-hero h1 {
    position: absolute;
    inset-inline: calc(var(--spacing) * 5);
    bottom: calc(var(--spacing) * 6);
    z-index: 10;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    @media (width >= 40rem) {
      inset-inline: calc(var(--spacing) * 8);
    }
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    color: white;
  }
  .jvc-article-meta {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
    color: var(--ui-muted);
  }
  .jvc-chip, .chips a {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 35%, var(--ui-border));
    }
    background: var(--ui-info-soft);
    color: var(--ui-link);
  }
  .lead, .jvc-dossier-lead {
    margin-block: calc(var(--spacing) * 6);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    color: var(--ui-text-strong);
  }
  .jvc-toc-level-2 {
    margin-left: calc(var(--spacing) * 0);
  }
  .jvc-toc-level-3 {
    margin-left: calc(var(--spacing) * 4);
  }
  .jvc-toc-level-4 {
    margin-left: calc(var(--spacing) * 8);
  }
  .jvc-toc-level-2 > a, .jvc-toc-level-3 > a, .jvc-toc-level-4 > a {
    display: block;
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
  }
  .jvc-toc-level-2 > a:hover, .jvc-toc-level-3 > a:hover, .jvc-toc-level-4 > a:hover {
    background: var(--ui-surface-3);
  }
  .jvc-article-body, .article > .jvc-article-body, .jvc-chronicle-body, .jvc-dossier-article, .jvc-reader-review > div {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1.8;
    line-height: 1.8;
    @media (width >= 40rem) {
      font-size: 17px;
    }
    color: var(--ui-text);
  }
  .jvc-article-body p, .jvc-chronicle-body p, .jvc-dossier-article p {
    margin-block: calc(var(--spacing) * 5);
  }
  .jvc-article-body h2, .jvc-chronicle-body h2, .jvc-dossier-article h2 {
    margin-top: calc(var(--spacing) * 9);
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .jvc-article-body h3, .jvc-chronicle-body h3, .jvc-dossier-article h3 {
    margin-top: calc(var(--spacing) * 7);
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .jvc-article-body ul, .jvc-article-body ol {
    margin-block: calc(var(--spacing) * 5);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-left: calc(var(--spacing) * 6);
  }
  .jvc-article-body ul {
    list-style-type: disc;
  }
  .jvc-article-body ol {
    list-style-type: decimal;
  }
  .jvc-article-body img {
    margin-block: calc(var(--spacing) * 7);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
  }
  .jvc-dropcap::first-letter {
    float: left;
    margin-right: .5rem;
    margin-top: .2rem;
    font-size: 3.2rem;
    line-height: .8;
    font-weight: 900;
    color: var(--ui-accent);
  }
  .jvc-share-box {
    margin-block: calc(var(--spacing) * 6);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-related {
    margin-top: calc(var(--spacing) * 5);
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-related h3 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .jvc-related a {
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-decoration-line: none;
  }
  .jvc-related a:hover {
    background: var(--ui-surface-3);
  }
  .jvc-comments {
    margin-top: calc(var(--spacing) * 8);
  }
  .jvc-comments-title {
    margin-bottom: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 4);
    border-color: var(--ui-border);
  }
  .jvc-comment {
    margin-bottom: calc(var(--spacing) * 3);
    display: grid;
    grid-template-columns: 2.75rem minmax(0,1fr);
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-comment.is-reply {
    margin-left: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      margin-left: calc(var(--spacing) * 10);
    }
  }
  .jvc-comment-avatar {
    display: flex;
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    background: var(--ui-surface-3);
    color: var(--ui-accent);
  }
  .jvc-comment header {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .jvc-comment header time {
    color: var(--ui-muted);
  }
  .jvc-comment footer {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: var(--ui-border-soft);
  }
  .jvc-comment-form {
    margin-top: calc(var(--spacing) * 5);
    display: grid;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 4);
  }
  .jvc-search-layout {
    display: grid;
    gap: calc(var(--spacing) * 6);
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
  }
  .jvc-search-head {
    margin-bottom: calc(var(--spacing) * 5);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-search-head form {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-search-head input {
    flex: 1;
  }
  .jvc-search-section {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .jvc-search-section > h2 {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .jvc-search-result, .jvc-search-result--text, .jvc-search-topic, .jvc-search-users > a {
    margin-bottom: calc(var(--spacing) * 3);
    display: block;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-search-result:hover, .jvc-search-topic:hover, .jvc-search-users > a:hover {
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 45%, var(--ui-border));
    }
    background: var(--ui-surface-3);
  }
  .jvc-search-result h3, .jvc-search-topic h3 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .jvc-search-result p, .jvc-search-topic p {
    margin-top: calc(var(--spacing) * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .jvc-search-advanced {
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .jvc-profile-hero {
    position: relative;
    margin-bottom: calc(var(--spacing) * 5);
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-profile-cover {
    height: calc(var(--spacing) * 40);
    width: 100%;
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 52);
    }
    background: linear-gradient(135deg, rgb(249 115 22 / 0.22), rgb(14 165 233 / 0.22)), var(--ui-surface-3);
  }
  .jvc-profile-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-profile-avatar {
    position: absolute;
    bottom: calc(var(--spacing) * 5);
    left: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 4px;
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      left: calc(var(--spacing) * 8);
    }
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 32);
      height: calc(var(--spacing) * 32);
    }
    border-color: var(--ui-surface);
    background: var(--ui-surface-3);
  }
  .jvc-profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-profile-name {
    min-height: calc(var(--spacing) * 32);
    padding-top: calc(var(--spacing) * 5);
    padding-right: calc(var(--spacing) * 5);
    padding-left: calc(var(--spacing) * 32);
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 8);
    }
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 44);
    }
  }
  .jvc-profile-name h1 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .jvc-profile-tools {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-profile-tabs, .jvc-follow-tabs, .jvc-activity-tabs, .app-admin-tabs, .app-admin-nav {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    gap: calc(var(--spacing) * 2);
    overflow-x: auto;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
    scrollbar-width: thin;
  }
  .jvc-profile-tabs a, .jvc-follow-tabs a, .jvc-activity-tabs a, .app-admin-tabs a, .app-admin-nav a {
    flex-shrink: 0;
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    color: var(--ui-muted);
  }
  .jvc-profile-tabs a.active, .jvc-follow-tabs a.active, .jvc-activity-tabs a.active, .app-admin-tabs a.active, .app-admin-nav a:hover {
    background: var(--ui-surface-3);
    color: var(--ui-text-strong);
  }
  .jvc-profile-layout {
    display: grid;
    gap: calc(var(--spacing) * 6);
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
  }
  .jvc-profile-filter {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    color: var(--ui-muted);
  }
  .jvc-profile-feed {
    margin-bottom: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: 8rem minmax(0,1fr);
    }
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-feed-thumb {
    position: relative;
    aspect-ratio: var(--aspect-video);
    overflow: hidden;
    border-radius: var(--radius-xl);
    @media (width >= 40rem) {
      aspect-ratio: 1 / 1;
    }
    background: var(--ui-surface-3);
  }
  .jvc-feed-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-feed-thumb b {
    position: absolute;
    bottom: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    background: rgb(2 6 12 / 0.75);
    color: white;
  }
  .jvc-profile-feed h3 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .jvc-profile-summary p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-block: calc(var(--spacing) * 2.5);
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    border-color: var(--ui-border-soft);
  }
  .jvc-profile-summary p b {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--ui-text-strong);
  }
  .jvc-profile-info-grid, .jvc-info-grid, .jvc-security-grid, .app-security-grid {
    display: grid;
    gap: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .jvc-profile-edit-form > .jvc-info-card:last-of-type, .jvc-profile-save {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .jvc-info-card > h2 {
    margin-inline: calc(var(--spacing) * -5);
    margin-top: calc(var(--spacing) * -5);
    margin-bottom: calc(var(--spacing) * 5);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-3);
  }
  .jvc-profile-form-fields {
    display: grid;
    gap: calc(var(--spacing) * 4);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jvc-profile-form-fields label {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-profile-media-grid {
    display: grid;
    gap: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .jvc-profile-media-preview {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    min-height: calc(var(--spacing) * 40);
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
  }
  .jvc-profile-media-preview.avatar {
    margin-inline: auto;
    width: calc(var(--spacing) * 40);
    height: calc(var(--spacing) * 40);
    min-height: calc(var(--spacing) * 0);
    border-radius: calc(infinity * 1px);
  }
  .jvc-profile-media-preview.background {
    aspect-ratio: 16/6;
  }
  .jvc-profile-media-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-profile-check-grid {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .jvc-profile-check-grid label, .jvc-check {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .jvc-profile-choice-group {
    margin-top: calc(var(--spacing) * 4);
  }
  .jvc-profile-save {
    display: flex;
    justify-content: flex-end;
  }
  .app-totp-setup {
    display: grid;
    gap: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      grid-template-columns: 18rem minmax(0,1fr);
    }
  }
  .app-totp-qr {
    display: flex;
    min-height: calc(var(--spacing) * 72);
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    border-color: #d1d5db;
  }
  .app-totp-qr canvas, .app-totp-qr svg {
    height: auto;
    max-width: 100%;
  }
  .app-totp-secret {
    display: grid;
    align-content: flex-start;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 4);
  }
  .app-login-history {
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .app-login-history article {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .jvc-mp-layout {
    display: grid;
    gap: calc(var(--spacing) * 6);
    grid-template-columns: 17rem minmax(0, 1fr);
  }
  .jvc-mp-sidebar {
    display: grid;
    align-content: flex-start;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-mp-sidebar nav {
    display: grid;
    gap: calc(var(--spacing) * 1);
  }
  .jvc-mp-sidebar nav > a, .jvc-mp-custom-folder > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    color: var(--ui-muted);
  }
  .jvc-mp-sidebar nav > a:hover, .jvc-mp-sidebar nav > a.active, .jvc-mp-custom-folder > a:hover, .jvc-mp-custom-folder > a.active {
    background: var(--ui-surface-3);
    color: var(--ui-text-strong);
  }
  .jvc-mp-custom-folder {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
  }
  .jvc-mp-custom-folder form button {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    min-height: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
  }
  .jvc-mp-folder-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .jvc-mp-folder-create {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-mp-folder-create > div {
    display: flex;
  }
  .jvc-mp-folder-create input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .jvc-mp-folder-create button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .jvc-mp-content {
    min-width: calc(var(--spacing) * 0);
  }
  .jvc-mp-search {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-mp-search input {
    min-width: calc(var(--spacing) * 52);
    flex: 1;
  }
  .jvc-mp-toolbar {
    margin-block: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .jvc-mp-counter {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .jvc-mp-move {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-mp-table {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
  }
  .jvc-mp-table tbody tr {
    background: var(--ui-surface);
  }
  .jvc-mp-table tbody tr:nth-child(even) {
    background: var(--ui-surface-2);
  }
  .jvc-mp-table tbody tr.unread {
    background: var(--ui-info-soft);
  }
  .jvc-mp-table td small {
    margin-top: calc(var(--spacing) * 1);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: block;
    color: var(--ui-muted);
  }
  .jvc-mp-pop {
    position: absolute;
    z-index: 20;
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-sm);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .jvc-thread-title {
    margin-bottom: calc(var(--spacing) * 5);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-thread-title h1 {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .jvc-thread-tools {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .jvc-thread-tools form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-thread-tools label {
    min-width: calc(var(--spacing) * 48);
    flex: 1;
  }
  .jvc-thread-move {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 3);
  }
  .jvc-private-message {
    margin-bottom: calc(var(--spacing) * 4);
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-private-message > header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-3);
  }
  .jvc-private-avatar {
    display: flex;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    background: var(--ui-accent-soft);
    color: var(--ui-accent);
  }
  .jvc-private-message > header time {
    margin-left: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ui-muted);
  }
  .jvc-private-message > div {
    padding: calc(var(--spacing) * 5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .jvc-mp-reply {
    margin-top: calc(var(--spacing) * 5);
    padding: calc(var(--spacing) * 4);
  }
  .jvc-auth-layout {
    display: grid;
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 22rem;
    }
  }
  .jvc-auth-card, .jvc-auth-side {
    padding: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .jvc-auth-card header {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .jvc-auth-card header h1 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .jvc-auth-card header p {
    margin-top: calc(var(--spacing) * 2);
    color: var(--ui-muted);
  }
  .jvc-auth-card form {
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .jvc-auth-card label {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-auth-switch {
    margin-top: calc(var(--spacing) * 5);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface);
  }
  .jvc-auth-side ul {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    list-style-type: none;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 0);
  }
  .jvc-auth-side li {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: var(--ui-border-soft);
  }
  .app-admin-heading, .app-utility-heading {
    margin-bottom: calc(var(--spacing) * 5);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    border-color: var(--ui-border);
    background: linear-gradient(135deg, var(--ui-accent-soft), var(--ui-info-soft));
  }
  .app-admin-heading p, .app-utility-heading p {
    margin-top: calc(var(--spacing) * 2);
    color: var(--ui-muted);
  }
  .app-admin-kicker {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--ui-accent);
  }
  .app-utility-icon {
    display: flex;
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    background: var(--ui-surface-3);
  }
  .app-admin-dashboard {
    margin-bottom: calc(var(--spacing) * 5);
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .app-admin-stat {
    display: flex;
    min-height: calc(var(--spacing) * 28);
    flex-direction: column;
    justify-content: space-between;
    padding: calc(var(--spacing) * 4);
  }
  .app-admin-stat strong {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--ui-text-strong);
  }
  .app-admin-stat span {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--ui-muted);
  }
  .app-admin-links {
    display: grid;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .app-admin-links a {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .app-admin-links a:hover {
    background: var(--ui-surface-3);
  }
  .app-admin-table, .app-table, .app-list-table, .app-admin-list-table {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
  }
  .app-form-row, .app-form label, .app-role-form label {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .app-form-row {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .app-form-help {
    margin-top: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .app-form-help code {
    word-break: break-all;
  }
  .app-utility-actions, .app-admin-actions, .app-admin-form-actions, .app-report-actions, .app-error-actions {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .app-markdown-grid, .app-feature-list, .app-report-page, .app-appeal-list, .app-history-list {
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .app-feature-row, .app-report-row {
    padding: calc(var(--spacing) * 4);
  }
  .app-feature-status {
    display: inline-flex;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .app-feature-status.on {
    color: var(--ui-success);
    border-color: var(--ui-success);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-success) 45%, var(--ui-border));
    }
  }
  .app-feature-status.off {
    color: var(--ui-danger);
    border-color: var(--ui-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-danger) 45%, var(--ui-border));
    }
  }
  .app-error-page {
    max-width: var(--container-3xl);
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
  }
  .app-error-code {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    @media (width >= 40rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
    color: var(--ui-accent);
  }
  .app-error-page h1 {
    margin-top: calc(var(--spacing) * 3);
  }
  .app-error-page p {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    max-width: var(--container-xl);
    color: var(--ui-muted);
  }
  .app-error-debug {
    margin-top: calc(var(--spacing) * 6);
    overflow-x: auto;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-border);
    background: var(--ui-field);
  }
  .jvc-games-layout, .jvc-game-overview, .jvc-tests-layout, .jvc-test-detail-layout, .jvc-video-grid, .jvc-dossier-layout, .jvc-dossier-detail-grid, .jvc-chronicle-layout, .jvc-releases-grid, .jvc-reader-grid, .jvc-reader-columns, .jvc-notif-layout, .jvc-follow-grid, .jvc-activity-table {
    display: grid;
    gap: calc(var(--spacing) * 5);
  }
  .jvc-games-layout, .jvc-tests-layout, .jvc-dossier-layout, .jvc-chronicle-layout, .jvc-releases-grid, .jvc-reader-grid, .jvc-notif-layout {
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
  }
  .jvc-game-list, .jvc-games-results, .jvc-video-grid, .jvc-chronicle-cards, .jvc-dossier-list, .jvc-related-cards, .jvc-game-gallery, .jvc-follow-grid, .jvc-profile-fav-grid {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .jvc-game-row, .jvc-video-card, .jvc-chronicle-panel, .jvc-dossier-row, .jvc-reader-review, .jvc-notif-row, .jvc-follow-card, .jvc-favorite-game, .jvc-opinion, .jvc-game-opinions article, .jvc-test-list-row {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-game-row:hover, .jvc-video-card:hover, .jvc-dossier-row:hover, .jvc-test-list-row:hover {
    transform: translateY(-1px);
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 42%, var(--ui-border));
    }
  }
  .jvc-card-image, .jvc-video-thumb, .jvc-chronicle-thumb, .jvc-dossier-thumb, .jvc-test-list-img, .jvc-game-cover, .jvc-feed-thumb, .jvc-notif-thumb, .jvc-follow-avatar {
    overflow: hidden;
    border-radius: var(--radius-xl);
    background: var(--ui-surface-3);
  }
  .jvc-card-image img, .jvc-video-thumb img, .jvc-chronicle-thumb img, .jvc-dossier-thumb img, .jvc-test-list-img img, .jvc-game-cover img, .jvc-notif-thumb img, .jvc-follow-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-game-tabs {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-game-tabs a {
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
  }
  .jvc-platform-tags {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-platform-tags span {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .jvc-video-player, .jvc-video-hero, .jvc-test-hero, .jvc-review-hero, .jvc-dossier-hero {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .jvc-video-player {
    aspect-ratio: var(--aspect-video);
  }
  .jvc-video-player video, .jvc-video-player iframe {
    width: 100%;
    height: 100%;
  }
  .app-admin-actions-inline, .app-forum-moderators, .jvc-favorite-links, .jvc-community-favorites, .jvc-profile-community-favorites, .jvc-game-favs, .jvc-topic-bulk-actions, .jvc-notif-tools, .jvc-title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .app-auth-step, .app-extended-access-card {
    margin-inline: auto;
    max-width: var(--container-2xl);
  }
  .app-draft-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: calc(var(--spacing) * 4);
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    border-color: var(--ui-border-soft);
  }
  .app-draft-row > div {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .app-draft-row h3 {
    margin-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .app-draft-row p {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .app-draft-row small {
    margin-top: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ui-muted);
  }
  .app-draft-preview > p, .app-draft-body {
    padding: calc(var(--spacing) * 4);
  }
  .app-draft-body {
    font-size: 16px;
    --tw-leading: 1.72;
    line-height: 1.72;
  }
  .app-draft-body > * + * {
    margin-top: calc(var(--spacing) * 4);
  }
  .app-forum-moderators {
    padding-block: calc(var(--spacing) * 3);
  }
  .app-forum-moderators > div {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .app-md-quote {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-style: italic;
    border-left-color: var(--ui-accent);
    background: var(--ui-accent-soft);
  }
  .app-preview-note, .app-totp-qr-fallback, .jvc-feed-meta, .jvc-filter-more, .jvc-mp-folder-limit, .jvc-online-activity, .jvc-release-empty, .jvc-search-welcome p, .jvc-social-unavailable, .jvc-unavailable-inline, .jvc-chronicle-play-unavailable {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--ui-muted);
  }
  .app-report-meta {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .app-report-meta strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ui-text-strong);
  }
  .app-report-meta span {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .app-report-target dl {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .app-report-target dl > div {
    display: grid;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: 10rem minmax(0,1fr);
    }
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .app-report-target dt {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    color: var(--ui-muted);
  }
  .app-report-target dd {
    margin: calc(var(--spacing) * 0);
    overflow-wrap: break-word;
    color: var(--ui-text-strong);
  }
  .app-text-link {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .jvc-extended-indicator.is-active {
    color: var(--ui-success);
  }
  .jvc-extended-indicator.is-inactive {
    color: var(--ui-muted);
  }
  .jvc-forum-activity-main, .jvc-forum-activity-page, .jvc-history-content {
    min-width: calc(var(--spacing) * 0);
  }
  .jvc-activity-total {
    float: right;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ui-muted);
  }
  .jvc-activity-table {
    gap: calc(var(--spacing) * 0);
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
  }
  .jvc-activity-head, .jvc-activity-line {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) minmax(8rem, 12rem) minmax(7rem, 10rem) 5rem minmax(9rem, 12rem);
    align-items: center;
  }
  .jvc-activity-head {
    min-height: calc(var(--spacing) * 11);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    background: var(--ui-surface-3);
    color: var(--ui-muted);
  }
  .jvc-activity-head span:first-child {
    grid-column: 2;
  }
  .jvc-activity-head span {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }
  .jvc-activity-line {
    min-height: calc(var(--spacing) * 14);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface);
  }
  .jvc-activity-line:nth-child(odd) {
    background: var(--ui-surface-2);
  }
  .jvc-activity-line:hover {
    background: var(--ui-surface-3);
  }
  .jvc-activity-line.is-unread-topic {
    background: var(--ui-info-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-info-soft) 58%, var(--ui-surface));
    }
    font-weight: 700;
  }
  .jvc-activity-line > * {
    min-width: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }
  .jvc-activity-line .jvc-topic-status {
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 0);
  }
  .jvc-activity-forum, .jvc-activity-time, .jvc-activity-line .jvc-topic-author {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
  }
  .jvc-activity-time {
    color: var(--ui-muted);
  }
  .jvc-activity-line .jvc-topic-count {
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    color: var(--ui-muted);
  }
  .jvc-forum-kick-box, .jvc-forum-kick-notice {
    margin-block: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--ui-warning);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-warning) 44%, var(--ui-border));
    }
    background: var(--ui-warning);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--ui-warning) 9%, var(--ui-surface-2));
    }
  }
  .jvc-forum-kick-box summary {
    color: var(--ui-warning);
  }
  .jvc-forum-kick-box form {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .jvc-forum-kick-box form button {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .jvc-topic-bulk-form {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .jvc-topic-bulk-actions {
    margin-top: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-topic-bulk-actions span {
    margin-right: auto;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .jvc-topic-select {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .jvc-topic-status-glyph {
    display: inline-flex;
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg);
    background: var(--ui-surface-3);
  }
  .jvc-topic-search-match {
    margin-left: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 11px;
    border-color: var(--ui-border);
    color: var(--ui-muted);
  }
  .jvc-topic-title-input {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .jvc-poll-options {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-poll-checkbox {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-poll-bar {
    margin-top: calc(var(--spacing) * 2);
    display: block;
    height: calc(var(--spacing) * 2);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background: var(--ui-surface-3);
  }
  .jvc-poll-bar > span {
    display: block;
    height: 100%;
    border-radius: calc(infinity * 1px);
    background: linear-gradient(90deg, var(--ui-info), var(--ui-accent));
  }
  .jvc-post-mode {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .jvc-fixed-username {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .jvc-article-page, .jvc-news-page, .jvc-news-revisions-page, .jvc-history-page, .jvc-compose-page, .jvc-search-page, .jvc-auth-page, .jvc-profile-page, .jvc-mp-page, .jvc-forum-page, .jvc-forum-home, .jvc-games-list-page, .jvc-game-detail-page, .jvc-tests-page, .jvc-test-detail-page, .jvc-video-page, .jvc-dossier-page, .jvc-chronicle-page, .jvc-releases-page, .jvc-reader-page, .jvc-reader-review-page {
    isolation: isolate;
  }
  .jvc-history-content {
    margin-inline: auto;
    max-width: var(--container-5xl);
    padding-block: calc(var(--spacing) * 4);
  }
  .jvc-history {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-history h3 {
    margin: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-3);
  }
  .jvc-history > a {
    display: grid;
    grid-template-columns: 4rem minmax(0,1fr);
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: calc(var(--spacing) * 3);
    text-decoration-line: none;
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    border-color: var(--ui-border-soft);
  }
  .jvc-history img {
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 16);
    border-radius: var(--radius-lg);
    object-fit: cover;
  }
  .jvc-history small {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ui-muted);
  }
  .jvc-history-content .jvc-panel {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .jvc-revision-current {
    border-radius: var(--radius-2xl);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    padding: calc(var(--spacing) * 5);
    border-color: var(--ui-info);
    background: var(--ui-info-soft);
  }
  .jvc-news-meta, .jvc-dossier-meta, .jvc-game-row-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ui-muted);
  }
  .jvc-profile-edit-account, .jvc-profile-edit-media, .jvc-profile-community-favorites, .jvc-community-favorites, .jvc-subscriptions {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-profile-edit-account, .jvc-profile-edit-media {
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .jvc-profile-follow, .jvc-profile-gear {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-subscription-add {
    margin-block: calc(var(--spacing) * 3);
    display: inline-flex;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .jvc-notif-tools {
    margin-bottom: calc(var(--spacing) * 3);
    justify-content: space-between;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-notif-list {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-notif-row {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    text-decoration-line: none;
  }
  .jvc-notif-row.unread {
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 50%, var(--ui-border));
    }
    background: var(--ui-info-soft);
  }
  .jvc-notif-row h3 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .jvc-notif-row time {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ui-muted);
  }
  .jvc-notif-star {
    color: var(--ui-info);
  }
  .jvc-notif-thumb {
    display: flex;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    color: var(--ui-muted);
  }
  .jvc-mp-compose {
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .jvc-mp-custom-folders {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-mp-custom-folders a {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .jvc-game-title, .jvc-tests-game-head, .jvc-test-overlay-head, .jvc-chronicle-title, .jvc-games-result-head {
    position: relative;
    margin-bottom: calc(var(--spacing) * 5);
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    padding: calc(var(--spacing) * 5);
    border-color: var(--ui-accent);
    background: linear-gradient(135deg, var(--ui-surface-3), var(--ui-surface-2));
  }
  .jvc-game-title h1, .jvc-tests-game-head h1, .jvc-test-overlay-head h1, .jvc-chronicle-title {
    margin: calc(var(--spacing) * 0);
  }
  .jvc-chronicle-subtitle {
    margin-top: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .jvc-game-description, .jvc-long-test, .jvc-dossier-chapter, .jvc-history-content, .jvc-draft-body {
    font-size: 16px;
    --tw-leading: 1.72;
    line-height: 1.72;
  }
  .jvc-game-description > * + *, .jvc-long-test > * + *, .jvc-dossier-chapter > * + * {
    margin-top: calc(var(--spacing) * 4);
  }
  .jvc-game-section, .jvc-reader-section, .jvc-video-all, .jvc-score-summary, .jvc-game-accordions {
    margin-top: calc(var(--spacing) * 5);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-title-row {
    margin-bottom: calc(var(--spacing) * 4);
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 3);
    border-color: var(--ui-border-soft);
  }
  .jvc-title-row h2 {
    margin: calc(var(--spacing) * 0);
  }
  .jvc-title-row > span {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .jvc-game-side, .jvc-test-game-card, .jvc-share-card, .jvc-shop-card, .jvc-reader-head, .jvc-score-summary {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-game-side > h3, .jvc-test-game-card > div:first-child, .jvc-share-card h3, .jvc-shop-card h3, .jvc-reader-head {
    margin: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-3);
  }
  .jvc-game-side-body {
    display: grid;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: 7rem minmax(0,1fr);
    }
  }
  .jvc-game-side-body img {
    aspect-ratio: 3/4;
    width: 100%;
    border-radius: var(--radius-xl);
    object-fit: cover;
  }
  .jvc-game-side-body nav {
    display: grid;
    align-content: flex-start;
    gap: calc(var(--spacing) * 1);
  }
  .jvc-game-side-body nav a {
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
  }
  .jvc-game-side-body nav a:hover {
    background: var(--ui-surface-3);
  }
  .jvc-game-forum {
    margin-top: calc(var(--spacing) * 4);
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
  }
  .jvc-game-forum > a {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: calc(var(--spacing) * 3);
    text-decoration-line: none;
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    border-color: var(--ui-border-soft);
  }
  .jvc-big-score, .jvc-test-score > strong, .jvc-reader-bigscore, .jvc-reader-score, .jvc-review-score, .jvc-comment-score {
    display: inline-flex;
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background: linear-gradient(135deg, var(--ui-info), var(--ui-info));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, var(--ui-info), color-mix(in srgb, var(--ui-info) 65%, var(--ui-accent)));
    }
    color: white;
  }
  .jvc-test-score {
    margin-block: calc(var(--spacing) * 5);
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: auto minmax(0,1fr);
    }
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-test-score small {
    color: var(--ui-muted);
  }
  .jvc-test-detail-bg {
    position: relative;
    min-height: 100vh;
    padding-inline: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 8);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
    background: transparent;
  }
  .jvc-test-detail-page {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 6);
  }
  .jvc-test-hero {
    margin-inline: auto;
    min-height: calc(var(--spacing) * 64);
    max-width: 100rem;
  }
  .jvc-test-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-test-play, .jvc-video-play {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    z-index: 10;
    display: flex;
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    border-color: rgb(255 255 255 / .78);
    background: rgb(2 6 12 / .58);
    color: white;
    backdrop-filter: blur(8px);
  }
  .jvc-test-inline, .jvc-unavailable-inline {
    display: inline-flex;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .jvc-test-wide {
    width: 100%;
  }
  .jvc-tests-title, .jvc-video-list-title {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 3);
    border-color: var(--ui-border);
  }
  .jvc-tests-title {
    color: var(--ui-accent);
  }
  .jvc-test-game-card > div:last-child {
    padding: calc(var(--spacing) * 3);
  }
  .jvc-share-card p, .jvc-shop-card p {
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .jvc-dossier-feature, .jvc-chronicle-video, .jvc-video-hero {
    position: relative;
    display: block;
    min-height: calc(var(--spacing) * 64);
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    text-decoration-line: none;
    border-color: var(--ui-border);
    background: var(--ui-surface-3);
  }
  .jvc-dossier-feature img, .jvc-chronicle-video img, .jvc-video-hero img {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .jvc-dossier-feature::after, .jvc-chronicle-video::after, .jvc-video-hero::after {
    content: "";
    position: absolute;
    inset: calc(var(--spacing) * 0);
    background: linear-gradient(to top, rgb(2 6 12 / .92), rgb(2 6 12 / .05) 72%);
  }
  .jvc-dossier-feature > *, .jvc-chronicle-video > *, .jvc-video-hero > * {
    position: relative;
    z-index: 10;
  }
  .jvc-dossier-feature h2, .jvc-chronicle-video h1, .jvc-video-hero h1 {
    color: white;
  }
  .jvc-video-top {
    display: grid;
    gap: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 21rem;
    }
  }
  .jvc-video-popular {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-video-popular h3 {
    margin: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-3);
  }
  .jvc-video-popular > a {
    display: grid;
    grid-template-columns: 2rem 4.5rem minmax(0,1fr);
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: calc(var(--spacing) * 3);
    text-decoration-line: none;
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    border-color: var(--ui-border-soft);
  }
  .jvc-video-popular > a > b {
    text-align: center;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--ui-accent);
  }
  .jvc-video-popular img {
    aspect-ratio: var(--aspect-video);
    width: 100%;
    border-radius: var(--radius-lg);
    object-fit: cover;
  }
  .jvc-video-popular small {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--ui-muted);
  }
  .jvc-video-all {
    margin-top: calc(var(--spacing) * 6);
  }
  .jvc-video-filter {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    align-items: center;
  }
  .jvc-video-filter input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .jvc-video-filter button {
    border-radius: 0;
  }
  .jvc-video-filter a {
    margin-left: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
    border-color: var(--ui-border);
  }
  .jvc-video-card {
    padding: calc(var(--spacing) * 3);
  }
  .jvc-video-thumb {
    position: relative;
    display: block;
    aspect-ratio: var(--aspect-video);
    text-decoration-line: none;
  }
  .jvc-video-thumb > b {
    position: absolute;
    top: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    background: rgb(2 6 12 / .72);
    color: white;
  }
  .jvc-video-thumb > span {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    display: flex;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background: rgb(2 6 12 / .68);
    color: white;
  }
  .jvc-video-thumb > small {
    position: absolute;
    right: calc(var(--spacing) * 2);
    bottom: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    background: rgb(2 6 12 / .72);
    color: white;
  }
  .jvc-video-card h3 {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .jvc-video-card p {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--ui-muted);
  }
  .jvc-video-caption {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    padding: calc(var(--spacing) * 5);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-social-button {
    display: inline-flex;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    border-color: var(--ui-info);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--ui-info) 45%, var(--ui-border));
    }
    background: var(--ui-info-soft);
  }
  .jvc-article {
    min-width: calc(var(--spacing) * 0);
  }
  .jvc-comment-bg {
    border-radius: var(--radius-2xl);
    background: transparent;
  }
  .jvc-proposal {
    margin-inline: auto;
    max-width: var(--container-4xl);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-proposal > p {
    margin-top: calc(var(--spacing) * 2);
    color: var(--ui-muted);
  }
  .jvc-proposal form {
    margin-top: calc(var(--spacing) * 5);
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .jvc-game-filters {
    height: max-content;
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-game-filters h1 {
    margin: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-3);
  }
  .jvc-game-filters form, .jvc-game-filters > div {
    display: grid;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 4);
  }
  .jvc-home-feature-section {
    position: relative;
  }
  .jvc-info-body, .jvc-info-rows {
    display: grid;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 4);
  }
  .jvc-info-body p, .jvc-info-rows p {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  .jvc-info-body small, .jvc-info-rows small {
    color: var(--ui-muted);
  }
  .jvc-members-online-title {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .jvc-online-members-list {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-online-members-list .jvc-online-member {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2);
    text-decoration-line: none;
    border-color: var(--ui-border-soft);
    background: var(--ui-surface-2);
  }
  [class^="jvc-poll-pct-"], [class*=" jvc-poll-pct-"] {
    min-width: .25rem;
  }
  .jvc-reader-avatar {
    display: flex;
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    background: var(--ui-surface-3);
    color: var(--ui-text-strong);
  }
  .jvc-captcha-box {
    margin-block: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--ui-border);
    background: var(--ui-surface-2);
  }
  .jvc-captcha-image {
    display: inline-block;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    border-color: #d1d5db;
  }
  .u-clear {
    clear: both;
  }
  .wide {
    width: 100%;
  }
  .large {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .compact {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .orange {
    color: var(--ui-accent);
  }
  .success {
    color: var(--ui-success);
  }
  .spam {
    color: var(--ui-warning);
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}
@media (max-width: 1023px) {
  .main-grid, .main-grid.wide-side, .jvc-forum-home-grid, .jvc-forum-grid, .jvc-news-grid, .jvc-article-grid, .jvc-search-layout, .jvc-profile-layout, .jvc-games-layout, .jvc-tests-layout, .jvc-dossier-layout, .jvc-chronicle-layout, .jvc-releases-grid, .jvc-reader-grid, .jvc-notif-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .jvc-forum-side, .jvc-news-grid > aside, .jvc-article-grid > aside, .jvc-profile-layout > aside {
    grid-row: auto;
  }
  .jvc-activity-head, .jvc-activity-line {
    grid-template-columns: 2.25rem minmax(0, 1fr) minmax(7rem, 10rem) 5rem;
  }
  .jvc-activity-head span:first-child {
    grid-column: 2;
  }
  .jvc-activity-head span:nth-child(3), .jvc-activity-head span:nth-child(5), .jvc-activity-line .jvc-topic-author, .jvc-activity-time {
    display: none;
  }
}
@media (max-width: 767px) {
  .page, .app-admin-page, .app-utility-page, .app-error-page, .jvc-error-page, .app-moderation-page, .app-help-page {
    border-radius: 1.25rem;
    padding: 1rem;
  }
  .jvc-site-top .inner {
    min-height: 3.75rem;
  }
  .jvc-site-nav {
    display: none;
    position: sticky;
    top: 3.75rem;
  }
  .jvc-site-nav.is-open {
    display: block;
  }
  .jvc-site-nav .inner {
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 3);
  }
  .jvc-nav-links {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
    padding-block: calc(var(--spacing) * 0);
  }
  .jvc-site-nav .search {
    display: flex;
    max-width: none;
  }
  .jvc-site-top .account {
    gap: calc(var(--spacing) * 1);
  }
  .jvc-account-icon {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .jvc-account-avatar {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .jvc-account-secondary {
    display: none;
  }
  .jvc-account-login, .jvc-account-register {
    min-height: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .jvc-nav-mobile-only {
    display: inline-flex;
  }
  .jvc-wordmark {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .app-draft-row {
    flex-direction: column;
  }
  .app-draft-row .app-admin-actions-inline {
    width: 100%;
  }
  .jvc-activity-total {
    float: none;
    margin-top: calc(var(--spacing) * 1);
    display: block;
  }
  .jvc-activity-head, .jvc-activity-line {
    grid-template-columns: 2.25rem minmax(0, 1fr) 4.5rem;
  }
  .jvc-activity-head span:first-child {
    grid-column: 2;
  }
  .jvc-activity-head span:nth-child(2), .jvc-activity-head span:nth-child(3), .jvc-activity-head span:nth-child(5), .jvc-activity-forum, .jvc-activity-line .jvc-topic-author, .jvc-activity-time {
    display: none;
  }
  .jvc-activity-line .jvc-topic-count {
    grid-column: 3;
  }
  .jvc-activity-line .jvc-topic-subject {
    padding-inline: calc(var(--spacing) * 2);
  }
  .wire-feature > a:first-child {
    min-height: 16rem;
  }
  .wire-feature > a:first-child .caption b {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .wire-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .jvc-wire-row {
    grid-template-columns: 5rem minmax(0, 1fr);
  }
  .jvc-topic-head {
    display: none;
  }
  .jvc-topic-line {
    grid-template-columns: 2rem minmax(0, 1fr);
    padding: .65rem .35rem;
  }
  .jvc-topic-status {
    grid-column: 1;
    grid-row: 1 / span 4;
  }
  .jvc-topic-subject, .jvc-topic-author, .jvc-topic-count, .jvc-topic-last {
    grid-column: 2;
    padding: .15rem .5rem;
    text-align: left;
  }
  .jvc-topic-author::before {
    content: "Par ";
    color: var(--ui-muted);
  }
  .jvc-topic-count::after {
    content: " message(s)";
  }
  .jvc-topic-last {
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .jvc-forum-post {
    grid-template-columns: minmax(0, 1fr);
  }
  .jvc-forum-post > header {
    grid-column: 1;
    grid-row: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    text-align: left;
  }
  .jvc-post-avatar {
    margin-bottom: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    border-radius: var(--radius-xl);
  }
  .jvc-forum-post > header time {
    margin-top: calc(var(--spacing) * 0);
    margin-left: auto;
  }
  .jvc-post-tools {
    margin-top: calc(var(--spacing) * 0);
    width: 100%;
    justify-content: flex-start;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 3);
    border-color: var(--ui-border-soft);
  }
  .jvc-post-body, .jvc-post-moderation-row {
    grid-column: 1;
  }
  .jvc-post-body {
    padding: calc(var(--spacing) * 4);
    font-size: 16px;
    --tw-leading: 1.72;
    line-height: 1.72;
  }
  .jvc-mp-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .jvc-mp-sidebar {
    order: 2;
  }
  .jvc-mp-content {
    order: 1;
  }
  .jvc-mp-table, .app-table, .app-admin-table, .app-admin-list-table, .jvc-release-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .jvc-news-item {
    grid-template-columns: minmax(0, 1fr);
  }
  .jvc-news-thumb {
    aspect-ratio: 16 / 9;
  }
  .jvc-article-hero {
    min-height: 18rem;
  }
  .jvc-article-hero h1 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .jvc-article-hero > span {
    bottom: 5.5rem;
  }
  .jvc-profile-name {
    min-height: calc(var(--spacing) * 36);
    padding-left: calc(var(--spacing) * 28);
  }
  .jvc-profile-avatar {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
    border-radius: var(--radius-2xl);
  }
  .jvc-profile-info-grid, .jvc-info-grid, .jvc-security-grid, .app-security-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .jvc-search-head form, .jvc-mp-search, .jvc-video-filter {
    flex-direction: column;
    align-items: stretch;
  }
  .jvc-video-filter input, .jvc-video-filter button {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .jvc-video-filter a {
    margin-left: calc(var(--spacing) * 0);
    text-align: center;
  }
  .jvc-game-side-body {
    grid-template-columns: minmax(0, 1fr);
  }
  .jvc-game-side-body img {
    max-height: calc(var(--spacing) * 72);
    object-fit: contain;
  }
  .jvc-video-popular > a {
    grid-template-columns: 2rem 4rem minmax(0, 1fr);
  }
  .app-admin-dashboard {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-duration: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-space-y-reverse: 0;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}