/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-teal-700: oklch(51.1% 0.096 186.391);
    --color-teal-800: oklch(43.7% 0.078 188.216);
    --color-cyan-50: oklch(98.4% 0.019 200.873);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-300: oklch(86.5% 0.127 207.078);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-cyan-700: oklch(52% 0.105 223.128);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-cyan-900: oklch(39.8% 0.07 227.392);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-indigo-900: oklch(35.9% 0.144 278.697);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-purple-800: oklch(43.8% 0.218 303.724);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-3xl: 48rem;
    --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);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --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;
    --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 4px;
    --blur-md: 12px;
    --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);
  }
}
@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 {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-26 {
    top: calc(var(--spacing) * 26);
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-22 {
    height: calc(var(--spacing) * 22);
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[92vh\] {
    max-height: 92vh;
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-\[148px\] {
    min-height: 148px;
  }
  .min-h-\[156px\] {
    min-height: 156px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[1720px\] {
    max-width: 1720px;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[125px\] {
    min-width: 125px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-\[1\.01\] {
    scale: 1.01;
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .space-y-1 {
    :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)));
    }
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :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)));
    }
  }
  .space-y-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-slate-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-100);
    }
  }
  .divide-slate-200 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-200);
    }
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-\[5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 5px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-\[5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 5px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-l-\[9px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 9px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\[\#0E1D4A\] {
    border-color: #0E1D4A;
  }
  .border-\[\#1A2855\] {
    border-color: #1A2855;
  }
  .border-\[\#1D3274\] {
    border-color: #1D3274;
  }
  .border-\[\#1E2B63\] {
    border-color: #1E2B63;
  }
  .border-\[\#132247\] {
    border-color: #132247;
  }
  .border-\[\#F4D03F\]\/30 {
    border-color: color-mix(in oklab, #F4D03F 30%, transparent);
  }
  .border-\[\#FFD034\] {
    border-color: #FFD034;
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-200\/80 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
    }
  }
  .border-amber-200\/90 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 90%, transparent);
    }
  }
  .border-amber-300 {
    border-color: var(--color-amber-300);
  }
  .border-amber-300\/80 {
    border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
    }
  }
  .border-amber-400 {
    border-color: var(--color-amber-400);
  }
  .border-amber-600 {
    border-color: var(--color-amber-600);
  }
  .border-amber-600\/60 {
    border-color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-600) 60%, transparent);
    }
  }
  .border-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-cyan-100 {
    border-color: var(--color-cyan-100);
  }
  .border-cyan-200 {
    border-color: var(--color-cyan-200);
  }
  .border-cyan-300 {
    border-color: var(--color-cyan-300);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }
  .border-emerald-700 {
    border-color: var(--color-emerald-700);
  }
  .border-emerald-900 {
    border-color: var(--color-emerald-900);
  }
  .border-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-indigo-800 {
    border-color: var(--color-indigo-800);
  }
  .border-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-purple-800 {
    border-color: var(--color-purple-800);
  }
  .border-red-100 {
    border-color: var(--color-red-100);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-700 {
    border-color: var(--color-red-700);
  }
  .border-red-900 {
    border-color: var(--color-red-900);
  }
  .border-slate-100 {
    border-color: var(--color-slate-100);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-200\/60 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
    }
  }
  .border-slate-200\/80 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .border-slate-200\/90 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 90%, transparent);
    }
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-slate-700 {
    border-color: var(--color-slate-700);
  }
  .border-teal-800 {
    border-color: var(--color-teal-800);
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .border-white\/15 {
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .border-b-transparent {
    border-bottom-color: transparent;
  }
  .border-l-\[\#FFD034\] {
    border-left-color: #FFD034;
  }
  .border-l-amber-500 {
    border-left-color: var(--color-amber-500);
  }
  .border-l-indigo-600 {
    border-left-color: var(--color-indigo-600);
  }
  .border-l-purple-600 {
    border-left-color: var(--color-purple-600);
  }
  .border-l-red-600 {
    border-left-color: var(--color-red-600);
  }
  .bg-\[\#0A1236\] {
    background-color: #0A1236;
  }
  .bg-\[\#0A1435\] {
    background-color: #0A1435;
  }
  .bg-\[\#0E1D4A\] {
    background-color: #0E1D4A;
  }
  .bg-\[\#0E1D4A\]\/5 {
    background-color: color-mix(in oklab, #0E1D4A 5%, transparent);
  }
  .bg-\[\#0F1943\] {
    background-color: #0F1943;
  }
  .bg-\[\#52C8D8\] {
    background-color: #52C8D8;
  }
  .bg-\[\#FFD034\] {
    background-color: #FFD034;
  }
  .bg-\[\#FFFBEB\] {
    background-color: #FFFBEB;
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-50\/40 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent);
    }
  }
  .bg-amber-50\/50 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent);
    }
  }
  .bg-amber-50\/80 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
    }
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-amber-100\/70 {
    background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-100) 70%, transparent);
    }
  }
  .bg-amber-200\/90 {
    background-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-200) 90%, transparent);
    }
  }
  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
  .bg-amber-950\/60 {
    background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-950) 60%, transparent);
    }
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }
  .bg-cyan-50\/70 {
    background-color: color-mix(in srgb, oklch(98.4% 0.019 200.873) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-50) 70%, transparent);
    }
  }
  .bg-cyan-100 {
    background-color: var(--color-cyan-100);
  }
  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }
  .bg-cyan-700 {
    background-color: var(--color-cyan-700);
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-50\/90 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 90%, transparent);
    }
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-emerald-200 {
    background-color: var(--color-emerald-200);
  }
  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-emerald-800 {
    background-color: var(--color-emerald-800);
  }
  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }
  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }
  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }
  .bg-indigo-700 {
    background-color: var(--color-indigo-700);
  }
  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }
  .bg-purple-700 {
    background-color: var(--color-purple-700);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-50\/70 {
    background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-50) 70%, transparent);
    }
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-red-700 {
    background-color: var(--color-red-700);
  }
  .bg-red-800 {
    background-color: var(--color-red-800);
  }
  .bg-red-950\/70 {
    background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-950) 70%, transparent);
    }
  }
  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-50\/40 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 40%, transparent);
    }
  }
  .bg-slate-50\/50 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
    }
  }
  .bg-slate-50\/60 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
    }
  }
  .bg-slate-50\/70 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
    }
  }
  .bg-slate-50\/80 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-100\/30 {
    background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-100) 30%, transparent);
    }
  }
  .bg-slate-100\/80 {
    background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
    }
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-slate-200\/60 {
    background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
    }
  }
  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }
  .bg-slate-800 {
    background-color: var(--color-slate-800);
  }
  .bg-slate-800\/80 {
    background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 80%, transparent);
    }
  }
  .bg-slate-900\/60 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
    }
  }
  .bg-teal-700 {
    background-color: var(--color-teal-700);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/95 {
    background-color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-\[\#0E1D4A\] {
    --tw-gradient-from: #0E1D4A;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-amber-50 {
    --tw-gradient-from: var(--color-amber-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-50 {
    --tw-gradient-from: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-100\/90 {
    --tw-gradient-from: color-mix(in srgb, oklch(96.8% 0.007 247.896) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-slate-100) 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-\[\#0E1D4A\] {
    --tw-gradient-via: #0E1D4A;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-\[\#12245c\] {
    --tw-gradient-via: #12245c;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-slate-50 {
    --tw-gradient-via: var(--color-slate-50);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-\[\#0E1D4A\] {
    --tw-gradient-to: #0E1D4A;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#1A2E6E\] {
    --tw-gradient-to: #1A2E6E;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#52C8D8\]\/70 {
    --tw-gradient-to: color-mix(in oklab, #52C8D8 70%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#182C6A\] {
    --tw-gradient-to: #182C6A;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-50\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(96.2% 0.018 272.314) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-50) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-50 {
    --tw-gradient-to: var(--color-orange-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-\[\#0E1D4A\] {
    color: #0E1D4A;
  }
  .text-\[\#2ca5b8\] {
    color: #2ca5b8;
  }
  .text-\[\#52C8D8\] {
    color: #52C8D8;
  }
  .text-\[\#F4D03F\] {
    color: #F4D03F;
  }
  .text-\[\#F4D03F\]\/90 {
    color: color-mix(in oklab, #F4D03F 90%, transparent);
  }
  .text-\[\#FFD034\] {
    color: #FFD034;
  }
  .text-\[\#e29d05\] {
    color: #e29d05;
  }
  .text-amber-300 {
    color: var(--color-amber-300);
  }
  .text-amber-500 {
    color: var(--color-amber-500);
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-amber-950 {
    color: var(--color-amber-950);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-cyan-200 {
    color: var(--color-cyan-200);
  }
  .text-cyan-600 {
    color: var(--color-cyan-600);
  }
  .text-cyan-700 {
    color: var(--color-cyan-700);
  }
  .text-cyan-800 {
    color: var(--color-cyan-800);
  }
  .text-cyan-900 {
    color: var(--color-cyan-900);
  }
  .text-emerald-300 {
    color: var(--color-emerald-300);
  }
  .text-emerald-400 {
    color: var(--color-emerald-400);
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-indigo-600 {
    color: var(--color-indigo-600);
  }
  .text-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-indigo-900 {
    color: var(--color-indigo-900);
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-purple-800 {
    color: var(--color-purple-800);
  }
  .text-red-200 {
    color: var(--color-red-200);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-800\/80 {
    color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-800) 80%, transparent);
    }
  }
  .text-red-950 {
    color: var(--color-red-950);
  }
  .text-slate-100 {
    color: var(--color-slate-100);
  }
  .text-slate-200 {
    color: var(--color-slate-200);
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .uppercase {
    text-transform: uppercase;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xs {
    --tw-shadow: 0 1px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
  }
  .shadow-sm {
    --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);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-3 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-amber-200\/50 {
    --tw-shadow-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-200) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-\[\#0A1435\] {
    --tw-ring-color: #0A1435;
  }
  .ring-\[\#0E1D4A\] {
    --tw-ring-color: #0E1D4A;
  }
  .ring-\[\#0E1D4A\]\/20 {
    --tw-ring-color: color-mix(in oklab, #0E1D4A 20%, transparent);
  }
  .ring-\[\#0E1D4A\]\/25 {
    --tw-ring-color: color-mix(in oklab, #0E1D4A 25%, transparent);
  }
  .ring-\[\#FFD034\] {
    --tw-ring-color: #FFD034;
  }
  .ring-amber-200 {
    --tw-ring-color: var(--color-amber-200);
  }
  .ring-amber-300 {
    --tw-ring-color: var(--color-amber-300);
  }
  .ring-amber-300\/80 {
    --tw-ring-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
    }
  }
  .ring-white {
    --tw-ring-color: var(--color-white);
  }
  .ring-white\/60 {
    --tw-ring-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale-\[35\%\] {
    --tw-grayscale: grayscale(35%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-110 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:text-\[\#0E1D4A\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #0E1D4A;
      }
    }
  }
  .group-hover\:text-amber-300 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-amber-300);
      }
    }
  }
  .group-hover\:text-black {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .group-hover\:text-blue-900 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-900);
      }
    }
  }
  .group-hover\:text-cyan-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-cyan-700);
      }
    }
  }
  .group-hover\:text-slate-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-slate-600);
      }
    }
  }
  .group-hover\:underline {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .selection\:bg-\[\#52C8D8\] {
    & *::selection {
      background-color: #52C8D8;
    }
    &::selection {
      background-color: #52C8D8;
    }
  }
  .selection\:text-\[\#0E1D4A\] {
    & *::selection {
      color: #0E1D4A;
    }
    &::selection {
      color: #0E1D4A;
    }
  }
  .file\:mr-2 {
    &::file-selector-button {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .file\:rounded {
    &::file-selector-button {
      border-radius: 0.25rem;
    }
  }
  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .file\:bg-\[\#0E1D4A\] {
    &::file-selector-button {
      background-color: #0E1D4A;
    }
  }
  .file\:px-2 {
    &::file-selector-button {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .file\:py-1 {
    &::file-selector-button {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .file\:text-xs {
    &::file-selector-button {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .file\:font-semibold {
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .file\:text-white {
    &::file-selector-button {
      color: var(--color-white);
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:scale-102 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 102%;
        --tw-scale-y: 102%;
        --tw-scale-z: 102%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-\[1\.01\] {
    &:hover {
      @media (hover: hover) {
        scale: 1.01;
      }
    }
  }
  .hover\:border-\[\#0E1D4A\] {
    &:hover {
      @media (hover: hover) {
        border-color: #0E1D4A;
      }
    }
  }
  .hover\:border-amber-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-amber-500);
      }
    }
  }
  .hover\:border-slate-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-300);
      }
    }
  }
  .hover\:bg-\[\#0E1D4A\] {
    &:hover {
      @media (hover: hover) {
        background-color: #0E1D4A;
      }
    }
  }
  .hover\:bg-\[\#182C6A\] {
    &:hover {
      @media (hover: hover) {
        background-color: #182C6A;
      }
    }
  }
  .hover\:bg-\[\#182e6e\] {
    &:hover {
      @media (hover: hover) {
        background-color: #182e6e;
      }
    }
  }
  .hover\:bg-\[\#192f6b\] {
    &:hover {
      @media (hover: hover) {
        background-color: #192f6b;
      }
    }
  }
  .hover\:bg-\[\#192f70\] {
    &:hover {
      @media (hover: hover) {
        background-color: #192f70;
      }
    }
  }
  .hover\:bg-amber-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-100);
      }
    }
  }
  .hover\:bg-amber-100\/60 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-100) 60%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-100\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-100) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-amber-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-300);
      }
    }
  }
  .hover\:bg-amber-900\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-900) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-emerald-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-700);
      }
    }
  }
  .hover\:bg-indigo-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-50);
      }
    }
  }
  .hover\:bg-indigo-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-100);
      }
    }
  }
  .hover\:bg-indigo-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo-700);
      }
    }
  }
  .hover\:bg-purple-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-50);
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:bg-red-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-800);
      }
    }
  }
  .hover\:bg-red-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-900);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-slate-50\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:bg-slate-100\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-100) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .hover\:bg-slate-200\/70 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-300);
      }
    }
  }
  .hover\:bg-slate-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-700);
      }
    }
  }
  .hover\:bg-slate-700\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-700) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-white\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
      }
    }
  }
  .hover\:text-\[\#0E1D4A\] {
    &:hover {
      @media (hover: hover) {
        color: #0E1D4A;
      }
    }
  }
  .hover\:text-\[\#FFD034\] {
    &:hover {
      @media (hover: hover) {
        color: #FFD034;
      }
    }
  }
  .hover\:text-amber-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-950);
      }
    }
  }
  .hover\:text-red-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .hover\:text-slate-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-600);
      }
    }
  }
  .hover\:text-slate-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-800);
      }
    }
  }
  .hover\:text-slate-950 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-950);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-85 {
    &:hover {
      @media (hover: hover) {
        opacity: 85%;
      }
    }
  }
  .hover\:shadow {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
      }
    }
  }
  .hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --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);
      }
    }
  }
  .hover\:shadow-xs {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:grayscale-0 {
    &:hover {
      @media (hover: hover) {
        --tw-grayscale: grayscale(0%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .hover\:file\:bg-\[\#182C6A\] {
    &:hover {
      @media (hover: hover) {
        &::file-selector-button {
          background-color: #182C6A;
        }
      }
    }
  }
  .focus\:border-\[\#0E1D4A\] {
    &:focus {
      border-color: #0E1D4A;
    }
  }
  .focus\:ring-1 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-\[\#0E1D4A\] {
    &:focus {
      --tw-ring-color: #0E1D4A;
    }
  }
  .focus\:ring-\[\#0E1D4A\]\/20 {
    &:focus {
      --tw-ring-color: color-mix(in oklab, #0E1D4A 20%, transparent);
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:scale-95 {
    &:active {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .active\:scale-\[0\.99\] {
    &:active {
      scale: 0.99;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .sm\:inline-block {
    @media (width >= 40rem) {
      display: inline-block;
    }
  }
  .sm\:inline-flex {
    @media (width >= 40rem) {
      display: inline-flex;
    }
  }
  .sm\:w-96 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .sm\:self-auto {
    @media (width >= 40rem) {
      align-self: auto;
    }
  }
  .sm\:p-4 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-2 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  .sm\:px-3\.5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-2\.5 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:text-right {
    @media (width >= 40rem) {
      text-align: right;
    }
  }
  .sm\:text-2xl {
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sm\:text-base {
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .sm\:text-\[13px\] {
    @media (width >= 40rem) {
      font-size: 13px;
    }
  }
  .md\:inline {
    @media (width >= 48rem) {
      display: inline;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:w-60 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 60);
    }
  }
  .lg\:max-w-md {
    @media (width >= 64rem) {
      max-width: var(--container-md);
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:px-4 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:items-center {
    @media (width >= 80rem) {
      align-items: center;
    }
  }
  .xl\:gap-3 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .xl\:gap-8 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@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;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}


/* WatchQT V26: iOS Safari 상세 모달 안전영역 */
.watchqt-detail-overlay {
  height: 100dvh;
  box-sizing: border-box;
  padding: max(12px, env(safe-area-inset-top)) 12px max(88px, calc(env(safe-area-inset-bottom) + 72px));
}
.watchqt-detail-panel {
  max-height: calc(100dvh - max(112px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom) + 88px)));
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.watchqt-detail-footer {
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}
@media (min-width: 640px) {
  .watchqt-detail-overlay {
    padding: 16px;
  }
  .watchqt-detail-panel {
    max-height: 92dvh;
  }
  .watchqt-detail-footer {
    padding-bottom: 16px;
  }
}

/* WatchQT v35 - 오늘 표시 + 오늘 버튼 클릭 시 10회 강조 */
@keyframes watchqt-today-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 208, 52, 0);
    transform: scale(1);
  }
  50% {
    box-shadow:
      0 0 0 6px rgba(255, 208, 52, .62),
      0 0 24px rgba(255, 208, 52, .38);
    transform: scale(1.018);
  }
}

@keyframes watchqt-today-border-cycle {
  0%, 49.99% {
    border-color: #facc15;
    box-shadow: inset 0 0 0 2px rgba(250, 204, 21, .95);
  }
  50%, 100% {
    border-color: #ef4444;
    box-shadow: inset 0 0 0 2px rgba(239, 68, 68, .95);
  }
}

.watchqt-subtitle-day-card,
.watchqt-subtitle-missing-day {
  position: relative;
}

.watchqt-subtitle-day-card.is-actual-today,
.watchqt-subtitle-missing-day.is-actual-today {
  border-width: 2px !important;
  animation: watchqt-today-border-cycle 1.15s steps(1, end) infinite;
}

.watchqt-today-flash {
  animation:
    watchqt-today-pulse .42s ease-in-out 10,
    watchqt-today-border-cycle 1.15s steps(1, end) infinite;
  position: relative;
  z-index: 3;
}


/* WatchQT v27 boot loader */
.wq-app-loader{
  min-height:100vh;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 20% 20%, rgba(82,200,216,.22), transparent 30%),
    radial-gradient(circle at 80% 75%, rgba(255,208,52,.18), transparent 28%),
    linear-gradient(135deg,#08122f 0%,#0e1d4a 54%,#172c6d 100%);
}
.wq-loader-card{
  position:relative;
  z-index:2;
  width:min(88vw,760px);
  min-height:310px;
  padding:34px 42px 30px;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.16);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 130px;
  align-items:center;
  gap:24px;
  animation:wqLoaderFloat 1.8s ease-in-out infinite alternate;
}
.wq-loader-qt{width:100%;max-height:210px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}
.wq-loader-jumanna{width:120px;max-height:160px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}
.wq-loader-x{font-size:30px;font-weight:900;color:#ffd034;text-shadow:0 0 20px rgba(255,208,52,.5)}
.wq-loader-line{
  position:absolute;left:8%;right:8%;bottom:20px;height:4px;border-radius:999px;overflow:hidden;
  background:rgba(255,255,255,.12)
}
.wq-loader-line::after{
  content:"";position:absolute;inset:0 auto 0 0;width:42%;
  border-radius:inherit;background:linear-gradient(90deg,#52c8d8,#fff,#ffd034);
  animation:wqLoaderSweep 1.05s ease-in-out infinite;
}
.wq-loader-orbit{
  position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 60px rgba(82,200,216,.10)
}
.orbit-a{width:560px;height:560px;animation:wqOrbit 12s linear infinite}
.orbit-b{width:760px;height:760px;border-style:dashed;animation:wqOrbit 20s linear infinite reverse}
@keyframes wqLoaderFloat{from{transform:translateY(4px) scale(.995)}to{transform:translateY(-6px) scale(1.005)}}
@keyframes wqLoaderSweep{0%{left:-42%}100%{left:105%}}
@keyframes wqOrbit{to{transform:rotate(360deg)}}
@media(max-width:700px){
  .wq-loader-card{width:88vw;min-height:300px;padding:30px 24px 28px;grid-template-columns:1fr;justify-items:center;gap:8px}
  .wq-loader-qt{max-height:150px}
  .wq-loader-jumanna{width:92px;max-height:110px}
  .wq-loader-x{font-size:20px;margin:-4px 0}
  .orbit-a{width:380px;height:380px}
  .orbit-b{width:520px;height:520px}
}


/* WatchQT v28 - 2 second intro */
.wq-loader-card{
  animation:wqIntroCard 2s cubic-bezier(.2,.8,.2,1) both!important;
}
.wq-loader-qt{
  animation:wqIntroQt 2s cubic-bezier(.2,.8,.2,1) both;
}
.wq-loader-jumanna{
  animation:wqIntroJumanna 2s cubic-bezier(.2,.8,.2,1) both;
}
.wq-loader-x{
  animation:wqIntroX 2s ease both;
}
@keyframes wqIntroCard{
  0%{opacity:0;transform:scale(.88) translateY(18px);filter:blur(8px)}
  22%{opacity:1;transform:scale(1.02) translateY(0);filter:blur(0)}
  82%{opacity:1;transform:scale(1) translateY(0)}
  100%{opacity:1;transform:scale(1) translateY(-2px)}
}
@keyframes wqIntroQt{
  0%,8%{opacity:0;transform:translateX(-34px) scale(.92)}
  35%,100%{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes wqIntroJumanna{
  0%,18%{opacity:0;transform:translateX(34px) scale(.88)}
  45%,100%{opacity:1;transform:translateX(0) scale(1)}
}
@keyframes wqIntroX{
  0%,30%{opacity:0;transform:scale(.5) rotate(-30deg)}
  52%,100%{opacity:1;transform:scale(1) rotate(0)}
}
@media(max-width:700px){
  .wq-loader-card{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto;
    justify-items:center;
  }
  .wq-loader-qt,.wq-loader-jumanna{
    margin-left:auto;
    margin-right:auto;
  }
}


/* WatchQT v29 - 밝은 4초 인트로 */
.wq-app-loader{
  background:
    radial-gradient(circle at 18% 18%, rgba(82,200,216,.24), transparent 31%),
    radial-gradient(circle at 82% 78%, rgba(255,208,52,.24), transparent 29%),
    linear-gradient(135deg,#ffffff 0%,#f6fbff 44%,#fffdf3 100%) !important;
}

.wq-loader-card{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(14,29,74,.12) !important;
  box-shadow:
    0 30px 90px rgba(14,29,74,.16),
    0 8px 28px rgba(82,200,216,.10),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
  backdrop-filter:blur(18px);
  animation:wqIntroCardV29 4s cubic-bezier(.2,.8,.2,1) both !important;
}

.wq-loader-qt{
  animation:wqIntroQtV29 4s cubic-bezier(.2,.8,.2,1) both !important;
}

.wq-loader-jumanna{
  animation:wqIntroJumannaV29 4s cubic-bezier(.2,.8,.2,1) both !important;
}

.wq-loader-x{
  color:#0E1D4A !important;
  text-shadow:0 0 20px rgba(255,208,52,.60) !important;
  animation:wqIntroXV29 4s ease both !important;
}

.wq-loader-line{
  background:rgba(14,29,74,.08) !important;
}
.wq-loader-line::after{
  background:linear-gradient(90deg,#52c8d8,#0E1D4A,#ffd034) !important;
  animation:wqLoaderSweepV29 1.25s ease-in-out infinite !important;
}

.wq-loader-orbit{
  border-color:rgba(14,29,74,.10) !important;
  box-shadow:0 0 70px rgba(82,200,216,.12) !important;
}
.orbit-b{
  border-color:rgba(255,208,52,.22) !important;
}

@keyframes wqIntroCardV29{
  0%{
    opacity:0;
    transform:scale(.86) translateY(22px);
    filter:blur(10px);
  }
  12%{
    opacity:1;
    transform:scale(1.025) translateY(0);
    filter:blur(0);
  }
  72%{
    opacity:1;
    transform:scale(1) translateY(0);
  }
  92%{
    opacity:1;
    transform:scale(1.01) translateY(-3px);
  }
  100%{
    opacity:1;
    transform:scale(1) translateY(0);
  }
}

@keyframes wqIntroQtV29{
  0%,5%{
    opacity:0;
    transform:translateX(-44px) scale(.90);
  }
  22%,100%{
    opacity:1;
    transform:translateX(0) scale(1);
  }
}

@keyframes wqIntroJumannaV29{
  0%,13%{
    opacity:0;
    transform:translateX(44px) scale(.86);
  }
  31%,100%{
    opacity:1;
    transform:translateX(0) scale(1);
  }
}

@keyframes wqIntroXV29{
  0%,18%{
    opacity:0;
    transform:scale(.4) rotate(-45deg);
  }
  34%,100%{
    opacity:1;
    transform:scale(1) rotate(0);
  }
}

@keyframes wqLoaderSweepV29{
  0%{left:-42%}
  100%{left:105%}
}

/* 모바일은 로고를 위/아래로 더 명확하게 배치 */
@media(max-width:700px){
  .wq-loader-card{
    width:90vw !important;
    min-height:390px !important;
    padding:34px 24px 34px !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto !important;
    justify-items:center !important;
    align-content:center !important;
    gap:12px !important;
  }

  .wq-loader-qt{
    width:min(76vw,430px) !important;
    max-height:150px !important;
  }

  .wq-loader-jumanna{
    width:105px !important;
    max-height:125px !important;
  }

  .wq-loader-x{
    font-size:22px !important;
    margin:0 !important;
  }
}


/* WatchQT v30 - 영어/일어 자막 7열 달력 */
.watchqt-subtitle-calendar-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:6px;
  -webkit-overflow-scrolling:touch;
}

.watchqt-subtitle-calendar-inner{
  width:100%;
  min-width:980px;
}

.watchqt-subtitle-weekdays,
.watchqt-subtitle-calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
}

.watchqt-subtitle-weekdays{
  margin-bottom:10px;
}

.watchqt-subtitle-weekday{
  padding:9px 6px;
  text-align:center;
  border-radius:10px;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  color:#334155;
  font-size:12px;
  font-weight:900;
}

.watchqt-subtitle-weekday.is-sunday{
  color:#dc2626;
  background:#fff1f2;
  border-color:#fecdd3;
}

.watchqt-subtitle-weekday.is-saturday{
  color:#2563eb;
  background:#eff6ff;
  border-color:#bfdbfe;
}

.watchqt-subtitle-calendar-grid > *{
  min-width:0;
}

.watchqt-subtitle-empty-cell{
  min-height:1px;
}

.watchqt-subtitle-day-card{
  min-width:0;
  padding:12px;
  border-radius:12px;
  border-width:1px;
  border-style:solid;
}

.watchqt-subtitle-missing-day{
  min-height:118px;
  padding:12px;
  border-radius:12px;
  border:1px dashed #cbd5e1;
  background:#f8fafc;
}

@media(min-width:1180px){
  .watchqt-subtitle-calendar-inner{
    min-width:0;
  }
}


/* WatchQT v31 - 모바일 자막 달력 간단 상태표시 */
.watchqt-subtitle-mobile-summary{
  display:none;
}

@media(max-width:700px){
  .watchqt-subtitle-calendar-inner{
    min-width:760px;
  }

  .watchqt-subtitle-weekdays,
  .watchqt-subtitle-calendar-grid{
    gap:6px;
  }

  .watchqt-subtitle-weekday{
    padding:7px 3px;
    font-size:11px;
  }

  .watchqt-subtitle-day-card{
    min-height:58px;
    padding:6px!important;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
  }

  .watchqt-subtitle-desktop-content{
    display:none!important;
  }

  .watchqt-subtitle-mobile-summary{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    width:100%;
    min-width:0;
  }

  .watchqt-subtitle-mobile-day{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:25px;
    padding:0 6px;
    border-radius:6px;
    background:#0E1D4A;
    color:#FFD034;
    font-size:9px;
    font-weight:900;
    white-space:nowrap;
  }

  .watchqt-subtitle-mobile-state{
    flex:1 1 auto;
    min-width:48px;
    height:30px;
    padding:0 7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    color:#fff;
    font-size:10px;
    font-weight:900;
    white-space:nowrap;
    box-shadow:0 2px 7px rgba(15,23,42,.12);
  }

  .watchqt-subtitle-mobile-state.is-uploaded{
    background:#16a34a;
    border:1px solid #15803d;
  }

  .watchqt-subtitle-mobile-state.is-missing{
    background:#dc2626;
    border:1px solid #b91c1c;
  }

  .watchqt-subtitle-missing-day{
    min-height:58px;
    padding:6px;
  }
}

/* 새로고침에서는 정적 인트로도 즉시 숨김 */
html.wq-skip-intro #boot-status{
  display:none!important;
}


/* WatchQT v32 - 모바일 7일 한눈에 보기 */
@media(max-width:700px){
  .watchqt-subtitle-calendar-scroll{
    overflow-x:hidden!important;
    width:100%!important;
  }

  .watchqt-subtitle-calendar-inner{
    width:100%!important;
    min-width:0!important;
  }

  .watchqt-subtitle-weekdays,
  .watchqt-subtitle-calendar-grid{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:3px!important;
  }

  .watchqt-subtitle-weekday{
    padding:5px 1px!important;
    font-size:9px!important;
    border-radius:6px!important;
  }

  .watchqt-subtitle-day-card{
    min-height:54px!important;
    padding:3px!important;
    border-radius:7px!important;
  }

  .watchqt-subtitle-mobile-summary{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:3px!important;
    width:100%!important;
  }

  .watchqt-subtitle-mobile-day{
    width:100%!important;
    min-width:0!important;
    height:17px!important;
    padding:0 1px!important;
    border-radius:4px!important;
    font-size:7px!important;
    letter-spacing:-.25px!important;
  }

  .watchqt-subtitle-mobile-state{
    width:100%!important;
    min-width:0!important;
    height:24px!important;
    padding:0 1px!important;
    border-radius:5px!important;
    font-size:8px!important;
    letter-spacing:-.35px!important;
  }

  .watchqt-subtitle-missing-day{
    min-height:54px!important;
    padding:3px!important;
    border-radius:7px!important;
  }
}


/* WatchQT v35 - 4초 인트로 → 페이드 전환 / 로그인은 로고 화면 안에서 */
.wq-app-loader {
  opacity: 1;
  transition: opacity .56s cubic-bezier(.4,0,.2,1);
}

.wq-app-loader.wq-intro-leaving {
  opacity: 0;
  pointer-events: none;
}

@keyframes wqMainRevealV35 {
  from { opacity: 0; }
  to { opacity: 1; }
}

.wq-main-reveal {
  animation: wqMainRevealV35 .48s ease-out;
  transform:none;
}

.wq-loader-brand-row {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto 130px;
  align-items: center;
  gap: 24px;
}

.wq-loader-card.has-inline-login {
  width: min(92vw, 760px);
  min-height: 0;
  max-height: 94vh;
  overflow-y: auto;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  padding-bottom: 28px;
  animation: none !important;
}

.wq-loader-card.has-inline-login .wq-loader-line {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 3px;
  flex: 0 0 auto;
}

.wq-inline-google-login {
  width: 100%;
  position: relative;
  z-index: 8;
  animation: wqInlineLoginReveal .42s ease-out both;
}

@keyframes wqInlineLoginReveal {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

.wq-inline-google-login-card {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  border: 1px solid rgba(14,29,74,.14);
  background: rgba(255,255,255,.98);
  box-shadow: 0 14px 42px rgba(14,29,74,.13);
}

.wq-inline-google-login-card > div:first-child > button {
  display: none !important;
}

@media(max-width:700px) {
  .wq-loader-brand-row {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 7px;
  }

  .wq-loader-card.has-inline-login {
    width: 92vw !important;
    padding: 22px 16px 20px !important;
    gap: 14px;
  }

  .wq-inline-google-login-card {
    border-radius: 15px;
  }
}


/* WatchQT v38 - 인트로 로고 완전 중앙 정렬 + 균형 여백 */
@media(min-width:701px) {
  .wq-loader-card:not(.has-inline-login) {
    width:min(86vw,760px) !important;
    min-height:310px !important;
    padding:38px 58px 34px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .wq-loader-card:not(.has-inline-login) .wq-loader-brand-row {
    width:min(100%,610px) !important;
    margin:0 auto !important;
    display:flex !important;
    grid-template-columns:none !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
  }

  .wq-loader-card:not(.has-inline-login) .wq-loader-qt {
    width:min(390px,55vw) !important;
    max-width:390px !important;
    max-height:175px !important;
    flex:0 1 390px !important;
    object-fit:contain !important;
    margin:0 !important;
  }

  .wq-loader-card:not(.has-inline-login) .wq-loader-x {
    flex:0 0 auto !important;
    margin:0 2px !important;
    font-size:27px !important;
  }

  .wq-loader-card:not(.has-inline-login) .wq-loader-jumanna {
    width:124px !important;
    max-width:124px !important;
    max-height:138px !important;
    flex:0 0 124px !important;
    object-fit:contain !important;
    margin:0 !important;
  }

  .wq-loader-card:not(.has-inline-login) .wq-loader-line {
    left:8% !important;
    right:8% !important;
  }
}

/* 모바일은 세로 중앙 정렬을 유지하되 카드 안 여백을 균등하게 */
@media(max-width:700px) {
  .wq-loader-card:not(.has-inline-login) {
    width:90vw !important;
    min-height:390px !important;
    padding:32px 22px 34px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
  }

  .wq-loader-card:not(.has-inline-login) .wq-loader-brand-row {
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:0 auto !important;
  }

  .wq-loader-card:not(.has-inline-login) .wq-loader-qt {
    width:min(76vw,430px) !important;
    max-height:150px !important;
    margin:0 auto !important;
  }

  .wq-loader-card:not(.has-inline-login) .wq-loader-jumanna {
    width:105px !important;
    max-height:120px !important;
    margin:0 auto !important;
  }

  .wq-loader-card:not(.has-inline-login) .wq-loader-x {
    margin:0 !important;
  }
}


/* WatchQT v39 - EN/JP 자막 상태 색상
   YouTube 완료 = 녹색 / Drive SRT·번역원고 = 네이비 */
.watchqt-subtitle-mobile-state.is-youtube-uploaded {
  background:#16a34a !important;
  border:1px solid #15803d !important;
  color:#fff !important;
}

.watchqt-subtitle-mobile-state.is-drive-uploaded {
  background:#0E1D4A !important;
  border:1px solid #0E1D4A !important;
  color:#fff !important;
}


/* WatchQT v40 - 영상검수 상태 색상 고정 */
.wq-review-badge-file-wait {
  background:#f1f5f9 !important;
  color:#64748b !important;
  border:1px solid #cbd5e1 !important;
}
.wq-review-badge-pending,
.wq-review-badge-editing {
  background:#fff7db !important;
  color:#9a5b00 !important;
  border:1px solid #f5bd38 !important;
}
.wq-review-badge-reviewing {
  background:#cffafe !important;
  color:#155e75 !important;
  border:1px solid #67e8f9 !important;
}
.wq-review-badge-hold {
  background:#fff1f2 !important;
  color:#be123c !important;
  border:1px solid #fb7185 !important;
}
.wq-review-badge-first-done {
  background:#e0f2fe !important;
  color:#0369a1 !important;
  border:1px solid #38bdf8 !important;
}
.wq-review-badge-second-done {
  background:#f3e8ff !important;
  color:#6d28d9 !important;
  border:1px solid #8b5cf6 !important;
}
.wq-review-badge-approved,
.wq-review-badge-modified {
  background:#dcfce7 !important;
  color:#15803d !important;
  border:1px solid #4ade80 !important;
}

/* 캘린더 카드 전체 검수상태 색상 */
.wq-review-card-file-wait {
  background:#f8fafc !important;
  border-color:#e2e8f0 !important;
}
.wq-review-card-pending,
.wq-review-card-editing {
  background:#fffaf0 !important;
  border-color:#f5bd38 !important;
}
.wq-review-card-reviewing {
  background:#ecfeff !important;
  border-color:#67e8f9 !important;
}
.wq-review-card-hold {
  background:#fff5f6 !important;
  border-color:#fb7185 !important;
}
.wq-review-card-first-done {
  background:#f0f9ff !important;
  border-color:#38bdf8 !important;
}
.wq-review-card-second-done {
  background:#faf5ff !important;
  border-color:#8b5cf6 !important;
}
.wq-review-card-approved,
.wq-review-card-modified {
  background:#f0fdf4 !important;
  border-color:#4ade80 !important;
}

.wq-review-card-pending:hover,
.wq-review-card-editing:hover { border-color:#d99708 !important; }
.wq-review-card-reviewing:hover { border-color:#06b6d4 !important; }
.wq-review-card-hold:hover { border-color:#e11d48 !important; }
.wq-review-card-first-done:hover { border-color:#0284c7 !important; }
.wq-review-card-second-done:hover { border-color:#7c3aed !important; }
.wq-review-card-approved:hover,
.wq-review-card-modified:hover { border-color:#16a34a !important; }

/* 상세창은 현재 브라우저 viewport 정중앙에 표시 */
.watchqt-detail-overlay {
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  overflow:hidden !important;
  overscroll-behavior:contain;
}

.watchqt-detail-panel {
  width:min(100%, 768px) !important;
  max-height:calc(100dvh - 32px) !important;
  margin:auto !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
}

@supports not (height: 100dvh) {
  .watchqt-detail-panel {
    max-height:calc(100vh - 32px) !important;
  }
}

@media(max-width:700px) {
  .watchqt-detail-overlay {
    padding:8px !important;
  }

  .watchqt-detail-panel {
    max-height:calc(100dvh - 16px) !important;
    border-radius:14px !important;
  }
}


/* WatchQT v41 - 카카오채널 & 유튜브 링크 캘린더 */
.watchqt-link-calendar-scroll {
  width:100%;
  overflow-x:auto;
  padding-bottom:4px;
}
.watchqt-link-calendar-inner {
  min-width:1080px;
}
.watchqt-link-weekdays,
.watchqt-link-calendar-grid {
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  gap:7px;
}
.watchqt-link-weekdays {
  margin-bottom:7px;
}
.watchqt-link-weekday {
  text-align:center;
  padding:7px 4px;
  border-radius:8px;
  background:#f8fafc;
  color:#64748b;
  font-size:10px;
  font-weight:900;
  border:1px solid #e2e8f0;
}
.watchqt-link-weekday.is-sunday { color:#dc2626; }
.watchqt-link-weekday.is-saturday { color:#2563eb; }

.watchqt-link-empty-cell {
  min-height:178px;
  border-radius:11px;
  background:#fafafa;
  border:1px dashed #edf0f4;
}
.watchqt-link-day-card {
  min-height:178px;
  padding:9px;
  border-radius:11px;
  border:1px solid #dbe2ea;
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:.18s ease;
}
.watchqt-link-day-card.has-link {
  background:#f7fbff;
  border-color:#a9c4df;
}
.watchqt-link-day-card.no-link {
  background:#fafbfc;
  border-color:#e2e8f0;
}
.watchqt-link-day-card:hover {
  transform:translateY(-1px);
  box-shadow:0 7px 20px rgba(14,29,74,.08);
}
.watchqt-link-card-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}
.watchqt-link-day {
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:0 7px;
  border-radius:5px;
  background:#0E1D4A;
  color:#FFD034;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.watchqt-link-date {
  color:#94a3b8;
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:8px;
  font-weight:800;
  white-space:nowrap;
}
.watchqt-link-field {
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:5px;
  align-items:stretch;
}
.watchqt-link-field-label {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:33px;
  padding:4px;
  border-radius:7px;
  background:#0E1D4A;
  color:#fff;
  font-size:8px;
  line-height:1.1;
  font-weight:900;
  text-align:center;
}
.watchqt-link-field-label.is-link {
  background:#33456f;
}
.watchqt-link-title-box {
  min-width:0;
  min-height:46px;
  padding:7px 8px;
  border-radius:7px;
  border:1px solid #dbe2ea;
  background:#fff;
  color:#0E1D4A;
  font-size:9px;
  line-height:1.35;
  font-weight:800;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  word-break:keep-all;
}
.watchqt-link-list {
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:auto;
}
.watchqt-link-copy-button {
  min-width:0;
  min-height:33px;
  padding:6px 7px;
  border-radius:7px;
  border:1px solid #b6c4d8;
  background:#fff;
  color:#0E1D4A;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:9px;
  font-weight:900;
  transition:.15s ease;
}
button.watchqt-link-copy-button:hover {
  background:#0E1D4A;
  color:#fff;
  border-color:#0E1D4A;
}
.watchqt-link-copy-button.is-copied {
  background:#dcfce7;
  color:#15803d;
  border-color:#4ade80;
}
.watchqt-link-copy-button.is-empty {
  background:#f1f5f9;
  color:#94a3b8;
  border-color:#e2e8f0;
}
@media(max-width:700px) {
  .watchqt-link-calendar-inner {
    min-width:980px;
  }
  .watchqt-link-day-card,
  .watchqt-link-empty-cell {
    min-height:170px;
  }
}


/* WatchQT v42 - 카카오/유튜브 클릭 복사 */
.watchqt-link-day-card.has-link {
  background:#f0fdf4 !important;
  border-color:#4ade80 !important;
}

.watchqt-link-day-card.no-link {
  background:#fff7f7 !important;
  border-color:#fca5a5 !important;
}

.watchqt-link-action-stack {
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}

.watchqt-link-action-button {
  width:100%;
  min-height:42px;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:11px;
  font-weight:900;
  transition:.15s ease;
}

.watchqt-link-action-button.is-ready {
  background:#16a34a;
  color:#fff;
  border:1px solid #15803d;
}

.watchqt-link-action-button.is-ready:hover {
  background:#15803d;
  transform:translateY(-1px);
}

.watchqt-link-action-button.is-copied {
  background:#dcfce7 !important;
  color:#15803d !important;
  border-color:#4ade80 !important;
}

.watchqt-link-missing-status {
  flex:1;
  min-height:94px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#ef4444;
  color:#fff;
  border:1px solid #dc2626;
  font-size:12px;
  font-weight:900;
}

/* 작업현황 단계별 카드 */
.wq-workflow-card-youtube {
  background:#ecfdf5 !important;
  border-color:#22c55e !important;
}

.wq-workflow-card-youtube:hover {
  border-color:#16a34a !important;
}

.wq-workflow-card-navy {
  background:#eef2f8 !important;
  border-color:#0E1D4A !important;
}

.wq-workflow-card-navy:hover {
  border-color:#081231 !important;
}

/* 상세창: 현재 보고 있는 브라우저 viewport 중앙 */
.watchqt-detail-overlay {
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.watchqt-detail-panel {
  max-height:calc(100dvh - 24px) !important;
  margin:0 auto !important;
  overflow-y:auto !important;
}


/* WatchQT v43 - 카카오/유튜브 링크 컴팩트 2열 복사 UI */
.watchqt-link-day-card {
  min-height:108px !important;
  padding:9px !important;
  gap:8px !important;
}

.watchqt-link-empty-cell {
  min-height:108px !important;
}

.watchqt-link-card-head {
  min-height:22px;
}

.watchqt-link-date {
  display:none !important;
}

.watchqt-link-action-stack {
  display:none !important;
}

.watchqt-link-action-row {
  flex:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  align-items:center;
}

.watchqt-link-action-button {
  min-height:48px !important;
  font-size:15px !important;
  line-height:1 !important;
  letter-spacing:-0.02em;
}

.watchqt-link-action-button.is-ready {
  background:#0E1D4A !important;
  color:#fff !important;
  border-color:#0E1D4A !important;
}

.watchqt-link-action-button.is-ready:hover {
  background:#182C6A !important;
  border-color:#182C6A !important;
}

.watchqt-link-missing-status {
  min-height:48px !important;
  font-size:14px !important;
}

.watchqt-link-day-card.has-link {
  background:#f0fdf4 !important;
  border-color:#4ade80 !important;
}

/* 작업현황: 자막 미완료 단계는 기존보다 조금 더 진한 네이비 배경 */
.wq-workflow-card-navy {
  background:#dce5f3 !important;
  border-color:#0E1D4A !important;
}

.wq-workflow-card-navy:hover {
  background:#d3deef !important;
  border-color:#081231 !important;
}


/* WatchQT v44 - 메뉴 설정: 왼쪽 팀원 / 오른쪽 팀장 */
.wq-menu-permission-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  align-items:start;
}

.wq-menu-permission-panel {
  border:1px solid #dbe2ea;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}

.wq-menu-permission-panel.is-leader {
  border-color:#c4b5fd;
  background:#fbfaff;
}

.wq-menu-permission-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:14px;
  border-bottom:1px solid #e2e8f0;
  background:#f8fafc;
}

.wq-menu-permission-panel.is-leader
.wq-menu-permission-head {
  background:#f5f3ff;
  border-bottom-color:#ddd6fe;
}

.wq-menu-permission-list {
  display:flex;
  flex-direction:column;
}

.wq-menu-permission-row {
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 14px;
  border-bottom:1px solid #f1f5f9;
  cursor:pointer;
}

.wq-menu-permission-row:last-child {
  border-bottom:0;
}

.wq-menu-permission-row:hover {
  background:#f8fafc;
}

.wq-menu-permission-panel.is-leader
.wq-menu-permission-row:hover {
  background:#faf5ff;
}

/* 일어 단어 목록 */
.wq-jp-word-row {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:15px 18px;
}

.wq-jp-word-row:hover {
  background:#fafbfc;
}

@media(max-width:760px) {
  .wq-menu-permission-columns {
    grid-template-columns:1fr;
  }

  .wq-menu-permission-head {
    flex-direction:column;
    align-items:stretch;
  }

  .wq-jp-word-row {
    padding:14px;
  }
}


/* WatchQT v45 - 모든 팀을 한 화면에서 동시에 체크 */
.wq-menu-role-columns {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  align-items:start;
}

.wq-menu-matrix-panel {
  border:1px solid #dbe2ea;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}

.wq-menu-matrix-panel.is-leader {
  border-color:#c4b5fd;
  background:#fcfbff;
}

.wq-menu-matrix-head {
  padding:14px;
  border-bottom:1px solid #e2e8f0;
  background:#f8fafc;
}

.wq-menu-matrix-panel.is-leader .wq-menu-matrix-head {
  background:#f5f3ff;
  border-bottom-color:#ddd6fe;
}

.wq-menu-matrix-scroll {
  width:100%;
  overflow-x:auto;
}

.wq-menu-matrix-grid {
  min-width:670px;
  display:grid;
  grid-template-columns:minmax(180px,1.45fr) repeat(5,minmax(82px,.7fr));
}

.wq-menu-matrix-cell {
  min-height:44px;
  padding:8px 10px;
  border-right:1px solid #eef2f7;
  border-bottom:1px solid #eef2f7;
  display:flex;
  align-items:center;
}

.wq-menu-matrix-cell:nth-child(6n) {
  border-right:0;
}

.wq-menu-matrix-cell.is-menu-head {
  font-size:11px;
  font-weight:900;
  color:#0E1D4A;
  background:#f8fafc;
}

.wq-menu-matrix-cell.is-team-head {
  min-height:70px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  font-size:11px;
  color:#0E1D4A;
  background:#f8fafc;
}

.wq-menu-matrix-panel.is-leader .wq-menu-matrix-cell.is-team-head,
.wq-menu-matrix-panel.is-leader .wq-menu-matrix-cell.is-menu-head {
  background:#f5f3ff;
}

.wq-menu-matrix-cell.is-menu-label {
  font-size:11px;
  font-weight:800;
  color:#334155;
  background:#fff;
}

.wq-menu-matrix-cell.is-check {
  justify-content:center;
  cursor:pointer;
  background:#fff;
}

.wq-menu-matrix-panel.is-leader .wq-menu-matrix-cell.is-check {
  background:#fdfcff;
}

.wq-menu-matrix-cell.is-check:hover {
  background:#f1f5f9;
}

.wq-menu-team-quick {
  display:flex;
  gap:3px;
}

.wq-menu-team-quick button {
  padding:2px 5px;
  border:1px solid #dbe2ea;
  border-radius:5px;
  background:#fff;
  color:#64748b;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}

.wq-menu-team-quick button:hover {
  color:#0E1D4A;
  border-color:#0E1D4A;
}

/* 모든 일반 입력창 @멘션 공통 드롭다운 */
.wq-global-mention-dropdown {
  position:fixed;
  z-index:100000;
  max-height:210px;
  overflow-y:auto;
  padding:5px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 16px 40px rgba(15,23,42,.18);
}

.wq-global-mention-dropdown[hidden] {
  display:none !important;
}

.wq-global-mention-option {
  width:100%;
  min-height:42px;
  padding:7px 9px;
  border:0;
  border-radius:8px;
  background:#fff;
  text-align:left;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.wq-global-mention-option:hover {
  background:#f1f5f9;
}

.wq-global-mention-option strong {
  color:#0E1D4A;
  font-size:12px;
}

.wq-global-mention-option span {
  color:#64748b;
  font-size:10px;
}

@media(max-width:1100px) {
  .wq-menu-role-columns {
    grid-template-columns:1fr;
  }
}


/* WatchQT v46 - 알림 종 아이콘 */
#notification-bell-button {
  color:#0E1D4A !important;
}

#notification-bell-button:hover {
  color:#182C6A !important;
}


/* WatchQT v47 - 업로드된 실제 헤더 로고 */
.wq-header-qt-logo {
  display:block;
  width:155px;
  height:54px;
  object-fit:contain;
}

.wq-header-jumanna-logo {
  display:block;
  width:54px;
  height:54px;
  object-fit:contain;
}

/* 알림 카운터 */
.wq-notification-count {
  width:34px;
  height:34px;
  padding:0;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:950;
  line-height:1;
  cursor:pointer;
  transition:.18s ease;
}

.wq-notification-count.is-empty {
  background:#eef2f7;
  color:#64748b;
  border:2px solid #cbd5e1;
  box-shadow:0 1px 3px rgba(15,23,42,.08);
}

.wq-notification-count.has-unread {
  background:#dc2626;
  color:#FFD034;
  border:2px solid #FFD034;
  box-shadow:
    0 0 0 2px rgba(255,208,52,.18),
    0 2px 8px rgba(220,38,38,.25);
  animation:wqNotificationGlowV47 1.05s ease-in-out infinite;
}

@keyframes wqNotificationGlowV47 {
  0%,100% {
    border-color:#FFD034;
    box-shadow:
      0 0 0 1px rgba(255,208,52,.20),
      0 2px 7px rgba(220,38,38,.22);
  }
  50% {
    border-color:#fff1a6;
    box-shadow:
      0 0 0 5px rgba(255,208,52,.28),
      0 0 15px rgba(255,208,52,.55);
  }
}

/* 일어 단어 등록폼: 데스크톱 약 40% */
.wq-jp-word-form-card {
  width:40%;
  min-width:430px;
  max-width:680px;
}

/* 단어카드: 내용 폭에 따라 유동 배치 */
.wq-jp-word-list-shell {
  width:100%;
  background:transparent;
}

.wq-jp-word-list {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:10px;
}

.wq-jp-word-card {
  width:fit-content;
  min-width:210px;
  max-width:420px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:13px 14px;
  border:1px solid #dbe2ea;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 3px rgba(15,23,42,.04);
}

.wq-jp-word-card:hover {
  border-color:#b8c4d4;
  box-shadow:0 5px 14px rgba(14,29,74,.07);
}

@media(max-width:900px) {
  .wq-header-qt-logo {
    width:118px;
    height:46px;
  }

  .wq-header-jumanna-logo {
    width:44px;
    height:46px;
  }

  .wq-jp-word-form-card {
    width:100%;
    min-width:0;
    max-width:none;
  }

  .wq-jp-word-card {
    max-width:100%;
  }
}


/* =========================================================
   WatchQT v48 - mobile layout / PWA
   ========================================================= */

/* Header logos behave like links */
.wq-home-logo-link {
  display:flex;
  align-items:center;
  text-decoration:none;
}

/* NotificationCenter only moves into navy bar on mobile */
.wq-notice-mobile-notification {
  display:none;
}

@media(max-width:700px) {
  /* Login intro: never overflow the iPhone viewport */
  .wq-app-loader {
    padding:8px !important;
    align-items:center !important;
    overflow:hidden !important;
  }

  .wq-loader-card.has-inline-login {
    width:calc(100vw - 16px) !important;
    max-width:480px !important;
    max-height:calc(100dvh - 16px) !important;
    min-height:0 !important;
    padding:12px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    border-radius:22px !important;
    gap:8px !important;
  }

  .wq-loader-card.has-inline-login .wq-loader-brand-row {
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 20px 74px !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    margin:0 auto !important;
  }

  .wq-loader-card.has-inline-login .wq-loader-qt {
    width:100% !important;
    max-width:230px !important;
    max-height:105px !important;
    margin:0 auto !important;
  }

  .wq-loader-card.has-inline-login .wq-loader-jumanna {
    width:66px !important;
    max-width:66px !important;
    max-height:82px !important;
    margin:0 auto !important;
  }

  .wq-loader-card.has-inline-login .wq-loader-x {
    font-size:20px !important;
    margin:0 !important;
  }

  .wq-loader-card.has-inline-login .wq-loader-line {
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:92% !important;
    margin:2px auto 0 !important;
  }

  .wq-inline-google-login,
  .wq-inline-google-login-card {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .wq-inline-google-login-card > div:first-child {
    padding:12px 14px !important;
  }

  .wq-inline-google-login-card > div:nth-child(2) {
    padding:12px !important;
  }

  .wq-inline-google-login-card iframe {
    max-width:100% !important;
  }

  /* Navy top bar is the single mobile account/notification area */
  .wq-noticebar {
    padding:6px 8px !important;
  }

  .wq-noticebar-inner {
    gap:6px !important;
  }

  .wq-noticebar-inner > div:first-child {
    width:100%;
    max-width:none !important;
    gap:6px !important;
  }

  .wq-noticebar-inner > div:last-child {
    width:100%;
    justify-content:flex-end;
    gap:6px !important;
  }

  .wq-pwa-alert-button {
    display:none !important;
  }

  .wq-notice-mobile-notification {
    display:flex !important;
    align-items:center;
    order:-1;
  }

  .wq-notice-profile {
    gap:6px !important;
    min-width:0;
    flex:1;
  }

  .wq-notice-profile > div:last-child {
    min-width:0;
  }

  .wq-notice-profile .max-w-\[160px\] {
    max-width:145px !important;
  }

  .wq-notice-edit-button {
    display:none !important;
  }

  .wq-notice-logout-button {
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    justify-content:center !important;
    border-radius:10px !important;
  }

  .wq-notice-logout-button svg {
    width:16px !important;
    height:16px !important;
  }

  /* White header: logos only on mobile */
  .wq-main-header-inner {
    height:58px !important;
    min-height:58px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    gap:8px !important;
  }

  .wq-desktop-header-actions {
    display:none !important;
  }

  .wq-header-qt-logo {
    width:118px !important;
    height:42px !important;
  }

  .wq-header-jumanna-logo {
    width:38px !important;
    height:42px !important;
  }

  .wq-main-header-inner .h-9.w-px {
    height:28px !important;
  }

  /* Main page spacing */
  main.max-w-\[1720px\] {
    padding:12px 8px 24px !important;
  }

  main.max-w-\[1720px\] > div {
    gap:10px !important;
  }

  /* Mobile sidebar is collapsed until hamburger is pressed */
  .wq-studio-sidebar {
    width:100% !important;
  }

  .wq-studio-sidebar-card {
    position:relative !important;
    top:auto !important;
    border-radius:14px !important;
  }

  .wq-sidebar-head {
    padding:9px 12px !important;
  }

  .wq-sidebar-head .text-sm {
    font-size:12px !important;
    margin-top:1px !important;
  }

  .wq-sidebar-collapsible {
    display:none !important;
  }

  .wq-studio-sidebar-card.is-mobile-open .wq-sidebar-collapsible {
    display:block !important;
  }

  .wq-studio-sidebar-card.is-mobile-open nav.wq-sidebar-collapsible {
    max-height:62vh;
    overflow-y:auto;
  }

  /* Production schedule: much more compact on phones */
  .wq-production-header {
    padding:12px 12px 10px !important;
  }

  .wq-production-calendar-icon {
    display:none !important;
  }

  .wq-production-header > div:first-child {
    gap:10px !important;
  }

  .wq-production-header .uppercase.tracking-widest,
  .wq-production-header .bg-\[\#FFD034\].text-\[\#0E1D4A\] {
    display:none !important;
  }

  .wq-production-header h3 {
    min-width:108px !important;
    font-size:20px !important;
    line-height:1.15 !important;
  }

  .wq-production-header button[title="이전 달"],
  .wq-production-header button[title="다음 달"] {
    width:32px !important;
    height:32px !important;
  }

  .wq-production-metrics {
    display:none !important;
  }

  .wq-production-header .pt-4.mt-4 {
    margin-top:10px !important;
    padding-top:8px !important;
    gap:6px !important;
  }

  .wq-production-header .pt-4.mt-4 button {
    font-size:10px !important;
    padding:5px 7px !important;
  }

  .wq-production-calendar-body {
    padding:8px 5px 10px !important;
    overflow:hidden !important;
  }

  .wq-production-weekdays,
  .wq-production-calendar-grid {
    gap:3px !important;
  }

  .wq-production-weekdays {
    margin-bottom:4px !important;
  }

  .wq-production-weekdays > div {
    padding:6px 1px !important;
    border-radius:8px !important;
    font-size:10px !important;
    overflow:hidden;
  }

  .wq-production-day-card {
    min-height:84px !important;
    padding:5px 4px !important;
    border-radius:9px !important;
    overflow:hidden !important;
  }

  .wq-production-day-card .text-sm.font-black {
    font-size:13px !important;
  }

  .wq-production-day-card .text-\[11px\].font-black.text-\[\#0E1D4A\].bg-\[\#FFD034\] {
    display:none !important;
  }

  .wq-production-card-copy {
    display:none !important;
  }

  .wq-production-card-status {
    padding-top:3px !important;
    border-top:0 !important;
    margin-top:auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
  }

  /* Hide verbose row labels */
  .wq-production-card-status > div:nth-child(1) > span:first-child,
  .wq-production-card-status > div:nth-child(2) > span:first-child {
    display:none !important;
  }

  .wq-production-card-status > div:nth-child(1),
  .wq-production-card-status > div:nth-child(2) {
    justify-content:center !important;
  }

  .wq-production-card-status > div:nth-child(1) > span:last-child {
    max-width:100% !important;
    padding:2px 3px !important;
    font-size:8px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* KO / EN / JP become tiny colored status dots */
  .wq-production-card-status > div:nth-child(2) > div {
    gap:3px !important;
  }

  .wq-production-card-status > div:nth-child(2) > div > span {
    width:8px !important;
    height:8px !important;
    min-width:8px !important;
    padding:0 !important;
    border-radius:999px !important;
    font-size:0 !important;
    line-height:0 !important;
  }

  /* YouTube/Kakao text row is represented by the card workflow color */
  .wq-production-card-status > div:nth-child(3) {
    display:none !important;
  }

  /* Mobile footer legend is unnecessary */
  .wq-production-calendar-body + div.bg-slate-50 {
    display:none !important;
  }
}


/* =========================================================
   WatchQT v49 - mobile calendar / icons / Vrew calendar
   ========================================================= */

/* Hamburger is a phone-only control. */
.wq-sidebar-mobile-toggle { display:none !important; }

.wq-notification-count {
  position:relative;
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#fff;
  transition:.15s ease;
}
.wq-notification-count:hover { background:rgba(255,255,255,.15); }
.wq-notification-count.has-unread { color:#FFD034; }
.wq-notification-badge {
  position:absolute;
  right:-5px;
  top:-5px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border-radius:999px;
  background:#dc2626;
  color:#fff;
  font-size:9px;
  font-weight:900;
  line-height:17px;
  text-align:center;
  box-shadow:0 0 0 2px #0A1435;
}

/* Vrew: same 7-day visual grammar as the production calendar. */
.wq-vrew-weekday {
  color:#334155;
  background:rgba(241,245,249,.8);
  border:1px solid rgba(203,213,225,.65);
}
.wq-vrew-weekday.is-sun { color:#dc2626; background:rgba(254,242,242,.75); border-color:#fee2e2; }
.wq-vrew-weekday.is-sat { color:#0e7490; background:rgba(236,254,255,.8); border-color:#cffafe; }
.wq-vrew-card.is-sun .wq-vrew-day-number { color:#dc2626; }
.wq-vrew-card.is-sat .wq-vrew-day-number { color:#0e7490; }
.wq-vrew-day-number { font-size:13px; color:#1e293b; }

@media(max-width:700px) {
  /* Login: clamp all third-party Google-rendered children too. */
  .wq-inline-google-login-card,
  .wq-inline-google-login-card > *,
  .wq-inline-google-login-card iframe {
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  .wq-inline-google-login-card { contain:inline-size; }

  .wq-sidebar-mobile-toggle {
    display:flex !important;
    width:36px !important;
    height:36px !important;
    border-radius:10px !important;
  }
  .wq-sidebar-mobile-toggle svg { width:21px !important; height:21px !important; }

  /* Keep notification immediately left of account area in the navy bar. */
  .wq-notice-mobile-notification { order:0 !important; flex:0 0 auto !important; }
  .wq-noticebar-inner > div:last-child { flex-wrap:nowrap !important; }
  .wq-notice-profile { flex:1 1 auto !important; }

  /* Production heading + filters: shorter and simpler. */
  .wq-production-header { padding:9px 8px 8px !important; }
  .wq-production-header h3 { font-size:18px !important; min-width:98px !important; }
  .wq-production-header .pt-4.mt-4 { margin-top:7px !important; padding-top:6px !important; flex-wrap:nowrap !important; overflow:hidden !important; }
  .wq-production-header .pt-4.mt-4 > div:first-child {
    flex:1 1 auto !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    scrollbar-width:none;
  }
  .wq-production-header .pt-4.mt-4 > div:first-child::-webkit-scrollbar { display:none; }
  .wq-production-header .pt-4.mt-4 > div:last-child { display:none !important; }
  .wq-production-header .pt-4.mt-4 span.text-xs { display:none !important; }

  .wq-production-calendar-body { padding:6px 3px 8px !important; }
  .wq-production-weekdays,
  .wq-production-calendar-grid { gap:2px !important; }
  .wq-production-weekdays > div { padding:5px 0 !important; font-size:9px !important; border-radius:7px !important; }
  .wq-production-day-card { min-height:91px !important; padding:4px 3px !important; border-radius:8px !important; }

  /* Keep the actual inspection state + KO/EN/JP boxes visible on phones. */
  .wq-production-card-status { gap:3px !important; width:100% !important; }
  .wq-production-card-status > div:nth-child(1) > span:last-child {
    width:100% !important;
    justify-content:center !important;
    padding:2px 2px !important;
    font-size:7px !important;
    line-height:1.15 !important;
    border-radius:4px !important;
  }
  .wq-production-card-status > div:nth-child(2) > div {
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:2px !important;
  }
  .wq-production-card-status > div:nth-child(2) > div > span {
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    padding:2px 0 !important;
    border-radius:4px !important;
    font-size:7px !important;
    line-height:1.15 !important;
    text-align:center !important;
    overflow:hidden !important;
  }

  /* Vrew calendar fits the phone without a broken multi-column card grid. */
  .wq-vrew-view { padding:10px 5px 12px !important; border-radius:14px !important; }
  .wq-vrew-header { padding:2px 3px 9px !important; gap:8px !important; }
  .wq-vrew-header h3 { font-size:15px !important; }
  .wq-vrew-header p { display:none !important; }
  .wq-vrew-nav { width:100%; justify-content:center; gap:4px !important; }
  .wq-vrew-nav strong { min-width:96px !important; font-size:12px !important; }
  .wq-vrew-nav button { width:30px !important; height:30px !important; padding:0 !important; }
  .wq-vrew-today { display:none !important; }
  .wq-vrew-calendar { margin-top:8px !important; }
  .wq-vrew-weekdays,
  .wq-vrew-grid { gap:2px !important; }
  .wq-vrew-weekdays { margin-bottom:3px !important; }
  .wq-vrew-weekday { padding:5px 0 !important; font-size:9px !important; border-radius:7px !important; }
  .wq-vrew-blank { min-height:88px !important; border-radius:7px !important; }
  .wq-vrew-card { min-height:94px !important; padding:4px 3px !important; border-radius:8px !important; overflow:hidden !important; }
  .wq-vrew-card-head { margin-bottom:3px !important; }
  .wq-vrew-day-number { font-size:12px !important; }
  .wq-vrew-day-chip { display:none !important; }
  .wq-vrew-copy { display:none !important; }
  .wq-vrew-files { margin-top:4px !important; display:flex !important; flex-direction:column !important; gap:2px !important; }
  .wq-vrew-files > * { margin:0 !important; }
  .wq-vrew-file-row,
  .wq-vrew-missing {
    min-height:25px !important;
    padding:3px 1px !important;
    border-radius:5px !important;
    font-size:6.5px !important;
    line-height:1.12 !important;
    text-align:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    word-break:keep-all !important;
  }
  .wq-vrew-file-name { display:none !important; }
  .wq-vrew-mobile-label { display:block !important; font-size:6.5px !important; }
  .wq-vrew-more { display:none !important; }
  .wq-vrew-actions { display:none !important; }
  .wq-vrew-no-schedule { font-size:7px !important; margin-top:24px !important; line-height:1.1 !important; }
}


/* =========================================================
   WatchQT v50 - subtitle/vrew/link fine tuning
   ========================================================= */

/* Subtitle / Kakao month controls centered with larger month label */
.watchqt-subtitle-topbar > div:first-child,
.watchqt-link-topbar > div:first-child {
  width:100%;
  text-align:center;
}
.watchqt-subtitle-status,
.watchqt-link-status {
  text-align:center;
}
.watchqt-subtitle-month-nav,
.watchqt-link-month-nav {
  width:100%;
  justify-content:center;
}

/* Remove small date clutter on subtitle cards and enlarge weekday chips */
.watchqt-subtitle-weekday,
.watchqt-link-weekday {
  font-size:12px !important;
  font-weight:900 !important;
  padding:8px 4px !important;
  border-radius:10px !important;
}

/* Vrew tweaks */
.wq-vrew-card .wq-vrew-day-number {
  display:none !important;
}
.wq-vrew-card.is-empty .wq-vrew-day-number {
  display:block !important;
}
.wq-vrew-card-head {
  justify-content:flex-end !important;
}
.wq-vrew-file-row,
.wq-vrew-missing {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
}
.wq-vrew-file-name {
  display:block !important;
  text-align:center;
  font-size:13px !important;
  line-height:1.15 !important;
  word-break:break-all;
}
.wq-vrew-mobile-label {
  display:none !important;
}
.wq-vrew-download-btn {
  font-size:14px !important;
  line-height:1 !important;
}

@media (max-width:700px) {
  .watchqt-subtitle-topbar,
  .watchqt-link-topbar {
    gap:10px !important;
  }
  .watchqt-subtitle-topbar h3,
  .watchqt-link-topbar h3,
  .wq-vrew-header h3 {
    font-size:18px !important;
  }
  .watchqt-subtitle-month-nav strong,
  .watchqt-link-month-nav strong,
  .wq-vrew-month-label {
    min-width:128px !important;
    font-size:22px !important;
    line-height:1 !important;
  }
  .watchqt-subtitle-month-nav button,
  .watchqt-link-month-nav button,
  .wq-vrew-nav button {
    width:32px !important;
    height:32px !important;
  }

  .watchqt-subtitle-weekday,
  .watchqt-link-weekday {
    font-size:12px !important;
    padding:6px 1px !important;
    border-radius:7px !important;
  }

  /* keep subtitle / kakao grids stable but slightly larger text */
  .watchqt-link-calendar-inner {
    min-width:0 !important;
    width:100% !important;
  }
  .watchqt-link-calendar-scroll {
    overflow-x:hidden !important;
  }
  .watchqt-link-weekdays,
  .watchqt-link-calendar-grid {
    gap:3px !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  }
  .watchqt-link-day-card,
  .watchqt-link-empty-cell {
    min-height:84px !important;
    padding:4px !important;
    border-radius:8px !important;
  }
  .watchqt-link-card-head {
    min-height:auto !important;
    justify-content:center !important;
  }
  .watchqt-link-day {
    font-size:8px !important;
    min-height:18px !important;
    padding:0 5px !important;
  }
  .watchqt-link-action-row {
    gap:4px !important;
  }
  .watchqt-link-action-button,
  .watchqt-link-missing-status {
    min-height:32px !important;
    font-size:12px !important;
    border-radius:6px !important;
  }

  /* Mobile Vrew: show actual filenames, remove tiny date number, bigger month label */
  .wq-vrew-header {
    gap:10px !important;
  }
  .wq-vrew-nav {
    width:100% !important;
    justify-content:center !important;
    gap:6px !important;
  }
  .wq-vrew-weekday {
    font-size:12px !important;
    padding:6px 1px !important;
  }
  .wq-vrew-blank {
    min-height:118px !important;
  }
  .wq-vrew-card {
    min-height:122px !important;
    padding:5px 4px !important;
    border-radius:9px !important;
  }
  .wq-vrew-day-chip {
    display:inline-flex !important;
    font-size:8px !important;
    padding:1px 6px !important;
    border-radius:6px !important;
  }
  .wq-vrew-copy {
    display:block !important;
  }
  .wq-vrew-copy > div:first-child {
    font-size:10px !important;
    line-height:1.15 !important;
  }
  .wq-vrew-copy > div:last-child {
    display:none !important;
  }
  .wq-vrew-files {
    margin-top:5px !important;
    gap:4px !important;
  }
  .wq-vrew-file-row,
  .wq-vrew-missing {
    min-height:30px !important;
    padding:4px 2px !important;
    border-radius:6px !important;
  }
  .wq-vrew-file-name {
    display:block !important;
    font-size:9px !important;
    line-height:1.15 !important;
    -webkit-line-clamp:2;
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .wq-vrew-more {
    display:none !important;
  }
  .wq-vrew-actions {
    display:flex !important;
    margin-top:6px !important;
    padding-top:5px !important;
    gap:4px !important;
  }
  .wq-vrew-actions > button:first-child {
    min-height:30px !important;
  }
  .wq-vrew-actions > button:last-child {
    padding:0 8px !important;
    min-height:30px !important;
    font-size:11px !important;
  }
  .wq-vrew-download-btn {
    font-size:14px !important;
    color:#fff !important;
  }
}


/* =========================================================
   WatchQT v51 - common calendar header / compact Vrew / mobile top bar / JP search
   ========================================================= */

.wq-mobile-top-logo-link { display:none; }

/* Four calendar-type pages use the same title-left / month-right grammar. */
.wq-calendar-page-header,
.watchqt-subtitle-topbar,
.watchqt-link-topbar,
.wq-vrew-header {
  width:100%;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}
.wq-calendar-page-header > div:first-child,
.watchqt-subtitle-topbar > div:first-child,
.watchqt-link-topbar > div:first-child,
.wq-vrew-header > div:first-child {
  width:auto !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:left !important;
}
.wq-calendar-month-nav,
.watchqt-subtitle-month-nav,
.watchqt-link-month-nav,
.wq-vrew-nav {
  width:auto !important;
  flex:0 0 auto !important;
  justify-content:flex-end !important;
  margin-left:auto !important;
}
.wq-calendar-month-label,
.watchqt-subtitle-month-nav strong,
.watchqt-link-month-nav strong,
.wq-vrew-month-label {
  min-width:190px !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-1.5px !important;
  color:#0E1D4A !important;
  text-align:center !important;
}
.watchqt-subtitle-status,
.watchqt-link-status {
  text-align:left !important;
}

/* Vrew: Vrew + Video in one compact row. */
.wq-vrew-card-head { display:none !important; }
.wq-vrew-files {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:6px !important;
  margin-top:9px !important;
}
.wq-vrew-file-row,
.wq-vrew-missing {
  min-width:0 !important;
  min-height:38px !important;
  margin:0 !important;
  padding:5px 4px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:8px !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-align:center !important;
}
.wq-vrew-file-kind {
  display:block;
  font-size:14px;
  font-weight:950;
}
.wq-vrew-file-name,
.wq-vrew-mobile-label { display:none !important; }
.wq-vrew-more { display:none !important; }
.wq-vrew-actions { margin-top:9px !important; padding-top:8px !important; }
.wq-vrew-download-btn {
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:950 !important;
}
.wq-vrew-download-btn:disabled {
  background:#dc2626 !important;
  color:#fff !important;
  opacity:1 !important;
}
.wq-vrew-download-day {
  color:#FFD034 !important;
  font-weight:950 !important;
}
.wq-vrew-download-text {
  color:#fff !important;
  font-weight:950 !important;
}

/* Japanese word page: search left, register right. */
.wq-jp-word-tools {
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:start;
}
.wq-jp-word-tools.has-register {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.wq-jp-word-form-card {
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}
.wq-jp-search-card { min-width:0; }
.wq-jp-search-wrap { z-index:20; }
.wq-jp-search-suggestions {
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 6px);
  z-index:100;
  max-height:280px;
  overflow-y:auto;
  padding:6px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 42px rgba(15,23,42,.18);
}
.wq-jp-search-suggestion {
  width:100%;
  padding:9px 10px;
  border:0;
  border-radius:8px;
  background:#fff;
  display:grid;
  grid-template-columns:minmax(80px,.8fr) minmax(100px,1fr);
  gap:4px 10px;
  text-align:left;
  cursor:pointer;
}
.wq-jp-search-suggestion:hover { background:#f1f5f9; }
.wq-jp-search-suggestion strong { color:#0E1D4A; font-size:13px; }
.wq-jp-search-suggestion span { color:#6d28d9; font-size:13px; font-weight:800; }
.wq-jp-search-suggestion small { grid-column:1/-1; color:#64748b; font-size:10px; }

/* Mention dropdown should be tappable above all mobile sheets. */
.wq-global-mention-dropdown { z-index:200000 !important; touch-action:manipulation; }
.wq-global-mention-option { touch-action:manipulation; }

@media(max-width:700px) {
  /* One compact sticky navy bar: left QT logo + bell + profile + logout. */
  .wq-main-header { display:none !important; }
  .wq-noticebar {
    position:sticky !important;
    top:0 !important;
    z-index:90000 !important;
    padding:5px 7px !important;
    min-height:46px !important;
  }
  .wq-noticebar-inner {
    width:100% !important;
    min-height:36px !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:5px !important;
  }
  .wq-noticebar-inner > div:first-child { display:none !important; }
  .wq-noticebar-inner > div:last-child {
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
    gap:5px !important;
  }
  .wq-mobile-top-logo-link {
    display:flex !important;
    align-items:center !important;
    margin-right:auto !important;
    min-width:0 !important;
  }
  .wq-mobile-top-logo {
    display:block !important;
    width:102px !important;
    height:34px !important;
    object-fit:contain !important;
  }
  .wq-notice-mobile-notification {
    display:flex !important;
    order:0 !important;
    flex:0 0 auto !important;
  }
  .wq-notice-profile {
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:142px !important;
  }
  .wq-notice-profile .max-w-\[160px\] { max-width:104px !important; }
  .wq-notice-profile > div:last-child > span:last-child {
    max-width:104px !important;
    font-size:8px !important;
  }
  .wq-notice-logout-button { flex:0 0 34px !important; }

  /* Notification opens as a fixed sheet and no longer shifts/disappears below content. */
  .wq-notification-panel {
    position:fixed !important;
    left:7px !important;
    right:7px !important;
    top:48px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100dvh - 56px) !important;
    margin:0 !important;
    z-index:200001 !important;
    border-radius:14px !important;
  }
  .wq-notification-panel > div:nth-last-child(2),
  .wq-notification-panel > div.max-h-80 {
    max-height:calc(100dvh - 190px) !important;
  }

  /* Studio menu stays directly under the sticky navy bar while page scrolls. */
  .wq-studio-sidebar {
    position:sticky !important;
    top:46px !important;
    z-index:80000 !important;
    background:#fff !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
  }
  .wq-studio-sidebar-card {
    position:relative !important;
    top:auto !important;
    z-index:1 !important;
    box-shadow:0 4px 12px rgba(15,23,42,.08) !important;
  }
  .wq-studio-sidebar-card.is-mobile-open nav.wq-sidebar-collapsible {
    max-height:calc(100dvh - 118px) !important;
    overflow-y:auto !important;
  }

  /* Same header layout on all four calendar pages, including phones. */
  .wq-calendar-page-header,
  .watchqt-subtitle-topbar,
  .watchqt-link-topbar,
  .wq-vrew-header {
    flex-direction:row !important;
    align-items:center !important;
    gap:7px !important;
    padding:7px 3px 10px !important;
  }
  .wq-calendar-page-header > div:first-child,
  .watchqt-subtitle-topbar > div:first-child,
  .watchqt-link-topbar > div:first-child,
  .wq-vrew-header > div:first-child {
    min-width:72px !important;
  }
  .watchqt-subtitle-topbar h3,
  .watchqt-link-topbar h3,
  .wq-vrew-header h3 {
    font-size:15px !important;
    line-height:1.1 !important;
  }
  .watchqt-subtitle-status,
  .watchqt-link-status,
  .wq-vrew-header p {
    display:block !important;
    margin-top:3px !important;
    font-size:9px !important;
    line-height:1.1 !important;
  }
  .wq-calendar-month-nav,
  .watchqt-subtitle-month-nav,
  .watchqt-link-month-nav,
  .wq-vrew-nav {
    width:auto !important;
    gap:3px !important;
    flex-wrap:nowrap !important;
  }
  .wq-calendar-month-label,
  .watchqt-subtitle-month-nav strong,
  .watchqt-link-month-nav strong,
  .wq-vrew-month-label {
    min-width:145px !important;
    font-size:30px !important;
    line-height:.95 !important;
    letter-spacing:-2px !important;
  }
  .watchqt-subtitle-month-nav button,
  .watchqt-link-month-nav button,
  .wq-vrew-nav button {
    width:29px !important;
    min-width:29px !important;
    height:29px !important;
    padding:0 !important;
    flex:0 0 29px !important;
  }
  .watchqt-subtitle-month-nav button:last-child,
  .watchqt-link-month-nav button:last-child,
  .wq-vrew-today {
    display:none !important;
  }

  /* Vrew mobile cards compact again, but two file states stay side-by-side. */
  .wq-vrew-card {
    min-height:112px !important;
    padding:5px 4px !important;
  }
  .wq-vrew-copy { display:block !important; }
  .wq-vrew-copy > div:first-child { font-size:10px !important; }
  .wq-vrew-copy > div:last-child { font-size:8px !important; }
  .wq-vrew-files {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:3px !important;
    margin-top:5px !important;
  }
  .wq-vrew-file-row,
  .wq-vrew-missing {
    min-height:31px !important;
    font-size:11px !important;
    padding:4px 1px !important;
  }
  .wq-vrew-file-kind { font-size:11px !important; }
  .wq-vrew-actions {
    display:flex !important;
    margin-top:5px !important;
    padding-top:5px !important;
  }
  .wq-vrew-download-btn { min-height:30px !important; font-size:12px !important; gap:4px !important; }
  .wq-vrew-actions > button:last-child { min-height:30px !important; font-size:10px !important; }

  /* JP tools stack on phone, still search first / register second. */
  .wq-jp-word-tools.has-register { grid-template-columns:1fr !important; }
  .wq-jp-search-suggestion { grid-template-columns:1fr 1fr; }
  .wq-jp-search-button { padding-left:16px !important; padding-right:16px !important; }
}


/* =========================================================
   WatchQT v52 - mobile stacking / compact production / sticky menu
   ========================================================= */
@media(max-width:700px) {
  html, body { overflow-x:hidden !important; }

  /* Mobile: only the left QT logo lives inside the navy top bar. */
  .wq-main-header { display:none !important; }
  .wq-noticebar {
    position:sticky !important;
    top:0 !important;
    z-index:100000 !important;
    overflow:visible !important;
    min-height:48px !important;
    padding:5px 7px !important;
  }
  .wq-noticebar-inner,
  .wq-noticebar-inner > div:last-child {
    overflow:visible !important;
  }
  .wq-mobile-top-logo-link {
    display:flex !important;
    margin-right:auto !important;
    align-items:center !important;
  }
  .wq-mobile-top-logo {
    display:block !important;
    width:112px !important;
    height:34px !important;
    object-fit:contain !important;
    filter:brightness(0) invert(1) !important;
  }

  /* Notification sheet must always be above the menu/content. */
  .wq-notification-backdrop {
    position:fixed !important;
    inset:0 !important;
    z-index:2147482000 !important;
    background:rgba(2,6,23,.34) !important;
  }
  .wq-notification-panel {
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    top:calc(env(safe-area-inset-top, 0px) + 54px) !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100dvh - env(safe-area-inset-top, 0px) - 64px) !important;
    margin:0 !important;
    z-index:2147483000 !important;
    transform:none !important;
    isolation:isolate !important;
    border-radius:16px !important;
    box-shadow:0 24px 80px rgba(2,6,23,.45) !important;
  }
  .wq-pwa-permission-modal {
    z-index:2147483600 !important;
  }

  /* Menu head remains visible while scrolling the long page. */
  .wq-studio-sidebar {
    position:sticky !important;
    position:-webkit-sticky !important;
    top:48px !important;
    z-index:90000 !important;
    align-self:stretch !important;
    background:#fff !important;
    padding:4px 0 !important;
  }
  .wq-studio-sidebar-card {
    position:relative !important;
    top:auto !important;
    z-index:1 !important;
    margin:0 !important;
  }

  /* Production cards: no two-line dead space between day number and statuses. */
  .wq-production-day-card,
  .wq-production-empty-day,
  .wq-production-blank {
    min-height:72px !important;
  }
  .wq-production-day-card {
    justify-content:flex-start !important;
    padding:4px 3px !important;
  }
  .wq-production-day-card > div:first-of-type {
    margin-bottom:1px !important;
  }
  .wq-production-card-status {
    margin-top:2px !important;
    padding-top:1px !important;
    gap:3px !important;
  }
  .wq-production-card-status > div:nth-child(1) > span:last-child {
    min-height:18px !important;
    padding:2px 2px !important;
  }
  .wq-production-empty-day {
    padding:4px 3px !important;
  }
  .wq-production-empty-day > span:last-child {
    margin-top:8px !important;
    font-size:8px !important;
  }
}

@media(max-width:700px) {
  .wq-mobile-top-logo-link {
    background:#fff !important;
    border-radius:8px !important;
    padding:2px 5px !important;
    height:34px !important;
  }
  .wq-mobile-top-logo {
    width:104px !important;
    height:28px !important;
    filter:none !important;
  }
}


/* =========================================================
   WatchQT v53 - today sparkle / responsive month / Vrew mobile
   ========================================================= */
@keyframes wq-today-sparkle {
  0%,100% { border-color:#ef4444; box-shadow:0 0 0 2px rgba(250,204,21,.95),0 0 13px rgba(239,68,68,.55); }
  50% { border-color:#facc15; box-shadow:0 0 0 2px rgba(239,68,68,.95),0 0 16px rgba(250,204,21,.72); }
}
.wq-production-today {
  position:relative;
  z-index:3;
  animation:wq-today-sparkle .82s ease-in-out infinite;
  border-width:2px !important;
}
.wq-production-today-date {
  background:transparent !important;
  color:#0E1D4A !important;
  border:0 !important;
  box-shadow:none !important;
  font-weight:950 !important;
}

.wq-calendar-month-label,
.watchqt-subtitle-month-nav strong,
.watchqt-link-month-nav strong,
.wq-vrew-month-label {
  white-space:nowrap !important;
  word-break:keep-all !important;
}
.wq-vrew-month-label { font-size:34px !important; }

@media(max-width:700px) {
  .wq-calendar-month-label,
  .watchqt-subtitle-month-nav strong,
  .watchqt-link-month-nav strong,
  .wq-vrew-month-label {
    min-width:0 !important;
    width:auto !important;
    max-width:132px !important;
    font-size:clamp(20px,6.6vw,30px) !important;
    line-height:1 !important;
    letter-spacing:-1.8px !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
  }
  .wq-vrew-header h3 { font-size:16px !important; }
  .wq-vrew-header > div:first-child { min-width:96px !important; }
  .wq-vrew-header p { display:none !important; }

  /* Vrew / 영상은 모바일에서 위아래 두 줄, DAY/다운 버튼은 숨김 */
  .wq-vrew-files {
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    margin-top:5px !important;
  }
  .wq-vrew-file-row,
  .wq-vrew-missing {
    width:100% !important;
    min-height:27px !important;
    padding:4px 2px !important;
    font-size:11px !important;
  }
  .wq-vrew-actions { display:none !important; }
  .wq-vrew-card { min-height:98px !important; }
  .wq-vrew-copy > div:last-child { display:none !important; }
}

/* =========================================================
   WatchQT v56 - notification history / assignment / header polish
   ========================================================= */

/* Vrew calendar header uses the exact same month scale as EN/JP subtitle pages. */
.wq-vrew-month-label {
  font-size:30px !important;
  min-width:190px !important;
}
.wq-vrew-today {
  background:#FFD034 !important;
  color:#0E1D4A !important;
  border:1px solid #f59e0b !important;
  font-weight:900 !important;
}

/* Kakao/YouTube weekday colors match subtitle calendar. */
.watchqt-link-weekday.is-sunday {
  color:#dc2626 !important;
  background:#fff1f2 !important;
  border-color:#fecdd3 !important;
}
.watchqt-link-weekday.is-saturday {
  color:#2563eb !important;
  background:#eff6ff !important;
  border-color:#bfdbfe !important;
}

/* One compact setup/release button in menu permission matrix. */
.wq-menu-team-quick {
  justify-content:center;
}
.wq-menu-team-quick .wq-menu-quick-toggle {
  min-width:34px;
  padding:2px 4px !important;
  font-size:8px !important;
  white-space:nowrap;
}

/* Notification history / sender page. */
.wq-notification-history-card {
  padding:12px 14px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fff;
}
.wq-notification-history-card:hover {
  border-color:#cbd5e1;
  background:#f8fafc;
}

/* Team notification assignment matrix. */
.wq-notification-assignment-scroll {
  width:100%;
  overflow-x:auto;
  padding-bottom:6px;
}
.wq-notification-assignment-grid {
  min-width:900px;
  display:grid;
  border:1px solid #dbe2ea;
  border-radius:14px;
  overflow:hidden;
}
.wq-notify-matrix-cell {
  min-height:46px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  border-right:1px solid #e2e8f0;
  border-bottom:1px solid #e2e8f0;
  background:#fff;
}
.wq-notify-matrix-cell.is-head {
  justify-content:center;
  gap:6px;
  flex-wrap:wrap;
  background:#f8fafc;
  color:#0E1D4A;
  font-size:11px;
  font-weight:900;
}
.wq-notify-matrix-cell.is-label {
  color:#334155;
  font-size:11px;
  font-weight:800;
}
.wq-notify-matrix-cell.is-check {
  justify-content:center;
  cursor:pointer;
}
.wq-notify-team-toggle {
  padding:2px 5px;
  border:1px solid #cbd5e1;
  border-radius:5px;
  background:#fff;
  color:#64748b;
  font-size:8px;
  font-weight:900;
}

@media(max-width:700px) {
  /* Keep the bell itself tappable while its popup is open. */
  .wq-notice-mobile-notification {
    position:relative !important;
    z-index:2147482500 !important;
  }
  .wq-notification-backdrop {
    top:48px !important;
  }

  /* EN / JP / Vrew use the same responsive single-line year-month sizing. */
  .wq-vrew-month-label,
  .wq-calendar-month-label,
  .watchqt-subtitle-month-nav strong,
  .watchqt-link-month-nav strong {
    min-width:0 !important;
    max-width:132px !important;
    font-size:clamp(19px,6.2vw,28px) !important;
    line-height:1 !important;
    letter-spacing:-1.5px !important;
    white-space:nowrap !important;
  }

  .wq-notification-history-card {
    padding:10px 11px;
  }
}


/* =========================================================
   WatchQT v57 - compact notification UI / exact team policy
   ========================================================= */

/* Vrew Saturday must be exactly the same blue treatment as EN/JP subtitle calendars. */
.wq-vrew-weekday.is-sat {
  color:#2563eb !important;
  background:#eff6ff !important;
  border-color:#bfdbfe !important;
}

/* Team notification assignment: about half the old desktop width. */
.wq-notification-assignment-scroll {
  width:min(100%, 780px) !important;
  max-width:780px !important;
  overflow-x:auto !important;
}
.wq-notification-assignment-grid {
  min-width:690px !important;
  width:100% !important;
}
.wq-notify-matrix-cell {
  min-height:38px !important;
  padding:6px 6px !important;
}
.wq-notify-matrix-cell.is-head,
.wq-notify-matrix-cell.is-label {
  font-size:10px !important;
}
.wq-notify-team-toggle {
  padding:1px 4px !important;
  font-size:8px !important;
}

/* Personal notification settings: compact calendar-like blocks. */
.wq-notification-settings-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  max-width:980px;
}
.wq-notification-setting-card {
  min-height:94px;
  padding:11px 12px;
  display:flex;
  align-items:flex-start;
  gap:9px;
  background:#f8fafc;
  border-color:#dbe2ea;
}
.wq-notification-setting-card.is-on {
  background:#ecfeff;
  border-color:#67e8f9;
}
.wq-notification-setting-card.is-off {
  background:#f8fafc;
  border-color:#e2e8f0;
}
.wq-notification-setting-card strong {
  font-size:12px !important;
  line-height:1.25 !important;
}
.wq-notification-setting-card small {
  font-size:10px !important;
  line-height:1.35 !important;
}

/* Notification sender occupies roughly 40% instead of full width. */
.wq-notification-compose {
  width:40%;
  min-width:520px;
  max-width:620px;
}

@media(max-width:1100px) {
  .wq-notification-compose { width:100%; min-width:0; max-width:none; }
  .wq-notification-settings-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .wq-notification-settings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .wq-notification-setting-card { min-height:86px; padding:9px 8px; gap:6px; }
  .wq-notification-assignment-scroll { width:100% !important; max-width:100% !important; }
  .wq-notification-assignment-grid { min-width:650px !important; }
}


/* =========================================================
   WatchQT v58 - detail layout / notification history editing
   ========================================================= */
.watchqt-detail-panel {
  width:min(75vw, 980px) !important;
  max-width:980px !important;
}
.wq-notification-history-card.is-focused {
  border-color:#f59e0b !important;
  box-shadow:0 0 0 3px rgba(245,158,11,.16) !important;
  background:#fffbeb !important;
}
@media(max-width:900px) {
  .watchqt-detail-panel {
    width:calc(100vw - 24px) !important;
    max-width:none !important;
  }
}


/* WatchQT v59 - stable assignment + team mention */
.wq-global-mention-option.is-team {
  background:#eef2ff;
  border-color:#c7d2fe;
}
.wq-global-mention-option.is-team strong { color:#0E1D4A; }
.wq-global-mention-option.is-team span { color:#4f46e5; font-weight:800; }
.wq-notify-matrix-cell.is-check.is-saving { opacity:.5; }
.wq-notify-matrix-cell.is-check.is-saving input { cursor:progress; }


/* =========================================================
   WatchQT v62 - mobile detail / strict mobile UX
   ========================================================= */
html, body, #root {
  overscroll-behavior-y: none;
}
body.watchqt-detail-open {
  overflow: hidden !important;
}
body.watchqt-detail-open .wq-studio-sidebar {
  display: none !important;
}
.watchqt-detail-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  box-sizing: border-box !important;
  padding-top: max(16px, env(safe-area-inset-top)) !important;
  padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.watchqt-detail-panel {
  max-height: calc(100dvh - 32px) !important;
  margin: 0 auto !important;
}
@media(max-width:700px) {
  .watchqt-detail-panel {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 32px) !important;
    border-radius: 18px !important;
  }
  .watchqt-detail-panel > div:nth-child(2) {
    padding: 12px !important;
    gap: 10px !important;
  }
  .wq-detail-subtitle-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  .wq-detail-subtitle-card {
    min-height: 82px !important;
    padding: 8px 4px !important;
    justify-content: center !important;
  }
  .wq-detail-subtitle-card > div {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: center !important;
  }
  .wq-detail-subtitle-card > div > span:first-child {
    font-size: 10px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }
  .wq-detail-subtitle-card > div > span:last-child {
    font-size: 9px !important;
    line-height: 1 !important;
    padding: 5px 6px !important;
    white-space: nowrap !important;
  }
}


/* =========================================================
   WatchQT v65 - profile modal must stay above mobile menu
   ========================================================= */
body.watchqt-profile-open {
  overflow: hidden !important;
}
body.watchqt-profile-open .wq-studio-sidebar {
  display: none !important;
}
.wq-profile-modal {
  z-index: 2147483000 !important;
  box-sizing: border-box !important;
  padding-top: max(16px, env(safe-area-inset-top)) !important;
  padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
}
.wq-profile-modal-panel {
  max-height: calc(100dvh - 32px) !important;
  margin: 0 auto !important;
}
@media(max-width:700px) {
  .wq-profile-modal {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .wq-profile-modal-panel {
    width: min(100%, 430px) !important;
  }
}


/* =========================================================
   WatchQT v67 - SQLite stability / compact menu matrices
   ========================================================= */
@media(max-width:700px){
  .wq-menu-matrix-scroll{overflow-x:hidden !important;width:100% !important;}
  .wq-menu-matrix-grid{
    min-width:0 !important;
    width:100% !important;
    grid-template-columns:minmax(74px,1.3fr) repeat(5,minmax(38px,.68fr)) !important;
  }
  .wq-menu-matrix-cell{min-height:34px !important;padding:4px 2px !important;}
  .wq-menu-matrix-cell.is-team-head{min-height:55px !important;font-size:8px !important;gap:3px !important;}
  .wq-menu-matrix-cell.is-menu-head,.wq-menu-matrix-cell.is-menu-label{font-size:8px !important;line-height:1.15 !important;}
  .wq-menu-team-quick .wq-menu-quick-toggle{min-width:27px !important;font-size:7px !important;padding:1px 2px !important;}
  .wq-menu-matrix-cell.is-check input{width:14px !important;height:14px !important;}

  .wq-notification-assignment-scroll{overflow-x:hidden !important;}
  .wq-notification-assignment-grid{
    min-width:0 !important;
    width:100% !important;
  }
  .wq-notify-matrix-cell{padding:4px 2px !important;min-height:34px !important;}
  .wq-notify-matrix-cell.is-head,.wq-notify-matrix-cell.is-label{font-size:8px !important;line-height:1.15 !important;}
}


/* =========================================================
   WatchQT v70 - custom notification recipients + mobile no zoom
   ========================================================= */
.wq-custom-recipient-panel{
  margin-top:8px;
  padding:10px;
  border:1px solid #dbe5ef;
  border-radius:12px;
  background:#f8fafc;
}
.wq-custom-recipient-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  max-height:240px;
  overflow:auto;
}
.wq-custom-recipient-card{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:8px 9px;
  border:1px solid #dbe2ea;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
  font-size:11px;
  color:#0E1D4A;
}
.wq-custom-recipient-card.is-selected{
  border-color:#06b6d4;
  background:#ecfeff;
  box-shadow:0 0 0 1px rgba(6,182,212,.12);
}
.wq-custom-recipient-card input{flex:0 0 auto;}
.wq-custom-recipient-card small{font-size:9px;color:#64748b;margin-top:2px;}

@media(max-width:700px){
  html,body,#root{touch-action:manipulation;}
  button,a,[role="button"],input,textarea,select{touch-action:manipulation;}
  input,textarea,select,.wq-mobile-nozoom{
    font-size:16px !important;
  }
  .wq-custom-recipient-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-height:220px;
  }
  .wq-custom-recipient-card{
    padding:8px 7px;
    font-size:12px;
  }
}


/* =========================================================
   WatchQT V81 - stable menu icons / switches / compact settings
   ========================================================= */
.wq-sidebar-image-icon{
  width:18px!important;height:18px!important;object-fit:contain!important;
  border-radius:4px!important;filter:none!important;flex:0 0 auto!important;
}
.wq-sidebar-code-icon{
  width:20px!important;height:20px!important;display:inline-grid!important;place-items:center!important;
  border-radius:6px!important;background:#eef3f8!important;color:#6f87a7!important;
  font-size:9px!important;font-weight:1000!important;line-height:1!important;letter-spacing:-.03em!important;flex:0 0 auto!important;
}
.wq-sidebar-inline-icon{
  width:18px!important;height:18px!important;display:block!important;flex:0 0 auto!important;color:currentColor!important;
}

/* Native checkbox를 완전히 숨기고 실제 ON/OFF 스위치를 별도로 렌더링 */
.wq-switch-native{
  position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;
}
.wq-switch{
  width:34px;height:19px;border-radius:999px;display:inline-flex;align-items:center;
  padding:2px;transition:.16s ease;flex:0 0 auto;border:1px solid #cbd5e1;background:#e5e7eb;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.06);
}
.wq-switch-knob{
  width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.2);
  transform:translateX(0);transition:.16s ease;
}
.wq-switch.is-on{background:#34a853;border-color:#34a853}
.wq-switch.is-on .wq-switch-knob{transform:translateX(15px)}
.wq-menu-matrix-cell.is-check{position:relative;justify-content:center;padding:5px 2px!important}

/* 메뉴 이름 열 축소 */
.wq-menu-matrix-grid{
  grid-template-columns:minmax(108px,.95fr) repeat(5,minmax(70px,.66fr))!important;
  min-width:530px!important;
}
.wq-menu-matrix-cell.is-menu-label,.wq-menu-matrix-cell.is-menu-head{padding-left:7px!important;padding-right:4px!important}

/* 알림 설정: 여백과 카드 높이 실제 축소 */
.wq-notification-settings-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-top:12px!important;
}
.wq-notification-setting-card{
  min-height:54px!important;height:auto!important;padding:7px 9px!important;gap:7px!important;
  display:flex!important;align-items:center!important;background:#f8fafc!important;border-color:#e2e8f0!important;
}
.wq-notification-setting-card.is-on{background:#effcf5!important;border-color:#b7ebca!important}
.wq-notification-setting-card strong{font-size:11px!important;line-height:1.1!important}
.wq-notification-setting-card small{font-size:9px!important;line-height:1.15!important;margin-top:2px!important}

/* 사전가입 팝업 */
.wq-preassign-modal{isolation:isolate}
.wq-preassign-backdrop{background:rgba(15,23,42,.42);border:0}
.wq-preassign-dialog{max-height:min(82vh,680px);overflow:auto}
.wq-preassign-list-card{min-height:68px}

@media(max-width:1100px){
  .wq-notification-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .wq-menu-matrix-scroll{overflow-x:hidden!important}
  .wq-menu-matrix-grid{
    min-width:0!important;width:100%!important;
    grid-template-columns:minmax(55px,.95fr) repeat(5,minmax(34px,.62fr))!important;
  }
  .wq-menu-matrix-cell{min-height:36px!important;padding:3px 1px!important}
  .wq-menu-matrix-cell.is-menu-label,.wq-menu-matrix-cell.is-menu-head{font-size:7px!important;line-height:1.05!important;padding:3px 1px!important;word-break:keep-all!important}
  .wq-menu-matrix-cell.is-team-head{font-size:7px!important;line-height:1.05!important;min-height:45px!important;padding:3px 1px!important;gap:3px!important}
  .wq-menu-team-quick button{font-size:6.5px!important;padding:2px 3px!important}
  .wq-switch{width:27px;height:16px;padding:2px}
  .wq-switch-knob{width:10px;height:10px}
  .wq-switch.is-on .wq-switch-knob{transform:translateX(11px)}
  .wq-notification-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .wq-notification-setting-card{min-height:48px!important;padding:5px 6px!important;gap:5px!important;border-radius:10px!important}
  .wq-notification-setting-card strong{font-size:9.5px!important}
  .wq-notification-setting-card small{font-size:7.5px!important;line-height:1.08!important}
}


/* ==========================================================
   V82 from V81 — compact member/preassign/notification switch
   ========================================================== */

.wq-preassign-dialog{
  width:min(360px,92vw)!important;
  max-width:360px!important;
}
.wq-preassign-form input,
.wq-preassign-form select,
.wq-preassign-form button{
  width:100%!important;
}

/* 승인 멤버를 한 줄에 더 많이 표시 */
.wq-member-compact-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:10px!important;
}
.wq-member-compact-card{
  min-width:0!important;
}
.wq-member-compact-card .w-11.h-11{
  width:38px!important;
  height:38px!important;
}

/* 알림 할당 스위치 */
.wq-notify-switch{
  appearance:none;
  -webkit-appearance:none;
  width:34px;
  height:20px;
  border:1px solid #cbd5e1;
  background:#e5e7eb;
  border-radius:999px;
  padding:2px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  cursor:pointer;
  transition:.16s ease;
}
.wq-notify-switch-knob{
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(15,23,42,.24);
  transform:translateX(0);
  transition:transform .16s ease;
}
.wq-notify-switch.is-on{
  background:#34a853;
  border-color:#34a853;
}
.wq-notify-switch.is-on .wq-notify-switch-knob{
  transform:translateX(14px);
}
.wq-notify-switch:disabled{opacity:.55}

/* 페이지 헤더 이미지 아이콘 */
.wq-page-menu-image-icon{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
}

@media (max-width:700px){
  .wq-preassign-dialog{
    width:min(340px,calc(100vw - 28px))!important;
  }
  .wq-member-compact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .wq-member-compact-card{
    padding:10px!important;
  }
}


/* ==========================================================
   WatchQT V83 - mobile member / notification assignment
   ========================================================== */
@media (max-width:700px){

  /* 멤버 관리: 모바일은 반드시 한 줄에 한 명 */
  .wq-member-compact-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .wq-member-compact-card{
    width:100%!important;
    min-width:0!important;
    padding:11px 12px!important;
  }
  .wq-member-compact-card > div{
    align-items:center!important;
  }
  .wq-member-compact-card .w-11.h-11{
    width:42px!important;
    height:42px!important;
    flex:0 0 auto!important;
  }
  .wq-member-compact-card .font-black.text-sm{
    font-size:13px!important;
    line-height:1.25!important;
  }
  .wq-member-compact-card .text-\[11px\]{
    font-size:10px!important;
  }

  /* 알림 할당: 좌우 스크롤 없이 5개 팀을 한 화면에 표시 */
  .wq-notification-assignment-scroll{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    padding-bottom:0!important;
  }
  .wq-notification-assignment-grid{
    min-width:0!important;
    width:100%!important;
    grid-template-columns:minmax(104px,1.45fr) repeat(5,minmax(43px,.72fr))!important;
    border-radius:12px!important;
  }
  .wq-notify-matrix-cell{
    min-width:0!important;
    min-height:34px!important;
    padding:4px 1px!important;
  }
  .wq-notify-matrix-cell.is-label{
    padding-left:5px!important;
    font-size:8px!important;
    line-height:1.15!important;
    word-break:keep-all!important;
  }
  .wq-notify-matrix-cell.is-head{
    font-size:7px!important;
    line-height:1.05!important;
    gap:2px!important;
    padding:3px 1px!important;
  }
  .wq-notify-team-toggle{
    padding:1px 2px!important;
    min-width:24px!important;
    font-size:6px!important;
    line-height:1!important;
    border-radius:4px!important;
  }

  /* 모바일 알림 할당 토글 자체도 조금 작게 */
  .wq-notify-switch{
    width:28px!important;
    height:17px!important;
    padding:2px!important;
  }
  .wq-notify-switch-knob{
    width:11px!important;
    height:11px!important;
  }
  .wq-notify-switch.is-on .wq-notify-switch-knob{
    transform:translateX(11px)!important;
  }
}

/* 아주 좁은 폰에서도 마지막 팀이 잘리지 않게 한 단계 더 압축 */
@media (max-width:390px){
  .wq-notification-assignment-grid{
    grid-template-columns:minmax(96px,1.35fr) repeat(5,minmax(40px,.68fr))!important;
  }
  .wq-notify-matrix-cell.is-label{font-size:7.5px!important;}
  .wq-notify-matrix-cell.is-head{font-size:6.5px!important;}
}


/* ==========================================================
   V85 notification source navigation highlight
   ========================================================== */
@keyframes wqSourceFlash10{
  0%,49%{background-color:rgba(255,208,52,.46)!important;box-shadow:0 0 0 4px rgba(255,208,52,.78),0 0 24px rgba(255,208,52,.48)!important;border-color:#f3b900!important;}
  50%,100%{background-color:rgba(255,77,79,.30)!important;box-shadow:0 0 0 4px rgba(255,77,79,.70),0 0 24px rgba(255,77,79,.42)!important;border-color:#ef4444!important;}
}
.wq-source-flash-10{
  animation:wqSourceFlash10 .55s steps(1,end) 10!important;
  position:relative!important;
  z-index:20!important;
}
@media (prefers-reduced-motion:reduce){.wq-source-flash-10{animation-duration:.8s!important;}}