@layer theme{@theme default{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 none); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 none); --color-neutral-100: oklch(97% 0 none); --color-neutral-200: oklch(92.2% 0 none); --color-neutral-300: oklch(87% 0 none); --color-neutral-400: oklch(70.8% 0 none); --color-neutral-500: oklch(55.6% 0 none); --color-neutral-600: oklch(43.9% 0 none); --color-neutral-700: oklch(37.1% 0 none); --color-neutral-800: oklch(26.9% 0 none); --color-neutral-900: oklch(20.5% 0 none); --color-neutral-950: oklch(14.5% 0 none); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 none); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --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-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px #0000000d; --shadow-xs: 0 1px 2px 0 #0000000d; --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --shadow-2xl: 0 25px 50px -12px #00000040; --inset-shadow-2xs: inset 0 1px #0000000d; --inset-shadow-xs: inset 0 1px 1px #0000000d; --inset-shadow-sm: inset 0 2px 4px #0000000d; --drop-shadow-xs: 0 1px 1px #0000000d; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --drop-shadow-2xl: 0 25px 25px #00000026; --text-shadow-2xs: 0px 1px 0px #00000026; --text-shadow-xs: 0px 1px 1px #0003; --text-shadow-sm: 0px 1px 0px #00000013, 0px 1px 1px #00000013, 0px 2px 2px #00000013; --text-shadow-md: 0px 1px 1px #0000001a, 0px 1px 2px #0000001a, 0px 2px 4px #0000001a; --text-shadow-lg: 0px 1px 2px #0000001a, 0px 3px 2px #0000001a, 0px 4px 8px #0000001a; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial); --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial); --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial);}@theme default inline reference{--blur: 8px; --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-inner: inset 0 2px 4px 0 #0000000d; --drop-shadow: 0 1px 2px #0000001a, 0 1px 1px #0000000f; --radius: .25rem; --max-width-prose: 65ch;}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:--theme(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings, normal);font-variation-settings:--theme(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:--theme(--default-mono-font-feature-settings, normal);font-variation-settings:--theme(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{@tailwind utilities;}:root{color:#f4e8d5;background:#171b20;font-family:Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.scene{background:radial-gradient(at 50% -20%,#37454d,#1a2025 60%);min-height:100vh;padding:28px clamp(14px,4vw,56px) 60px}.topbar{justify-content:space-between;align-items:center;gap:20px;max-width:1150px;margin:auto;padding-bottom:24px;display:flex}.kicker{letter-spacing:.32em;color:#cfb589;font-size:10px}.topbar h1{letter-spacing:-.035em;margin:5px 0 0;font-family:Georgia,serif;font-size:clamp(26px,4vw,44px)}.period{color:#d5a66c}.stage-info{text-align:right;letter-spacing:.15em;color:#cbba9d;gap:7px;font-size:11px;display:grid}.stage-info strong{color:#f9e8cf;font-size:19px}.workspace{background:repeating-linear-gradient(94deg,#76543e 0,#7d5b43 50px,#684833 120px);border:9px solid #4d382d;border-radius:17px;max-width:1150px;min-height:680px;margin:auto;padding:34px clamp(14px,3vw,42px) 48px;position:relative;box-shadow:0 30px 65px #0008,inset 0 0 80px #311c1588}.desktop-monitor{background:#202427;border:13px solid #202427;border-radius:17px;max-width:940px;margin:auto;box-shadow:0 13px 26px #2817108c}.monitor-top{color:#293441;background:#fff9f1;border-radius:6px 6px 0 0;align-items:center;gap:12px;padding:9px 19px;font-size:13px;display:flex}.app-mark{color:#bd6076;font-size:25px}.monitor-top small{color:#929398;margin-left:10px;font-size:10px}.demo-clock{color:#bd6675;margin-left:auto;font-size:18px;font-weight:800}.app-content{color:#302d2a;background:#fbf6ef;padding:17px}.profile-area{grid-template-columns:minmax(170px,.86fr) 1.3fr;gap:20px;min-height:320px;display:grid}.portrait{background:linear-gradient(150deg,#e5c8bb,#b6c0a2);border-radius:6px;min-height:305px;position:relative;overflow:hidden}.portrait-figure{width:190px;height:270px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.portrait-hair{background:#3f2c29;border-radius:70px 70px 40px 40px;width:120px;height:174px;position:absolute;top:12px;left:35px}.portrait-face{background:#e7b59a;border-radius:42% 42% 49% 49%;width:75px;height:107px;position:absolute;top:36px;left:58px;box-shadow:inset 0 -12px 16px #cc8c7755}.portrait-shoulders{background:#f4eee4;border-radius:85px 85px 0 0;width:190px;height:170px;position:absolute;bottom:-64px}.photo-badge{color:#fff;letter-spacing:.1em;background:#272c31b8;padding:7px 10px;font-size:10px;position:absolute;bottom:11px;left:11px}.profile-details{padding:8px 5px}.online{color:#46906c;font-size:11px}.profile-details h2{margin:8px 0;font-size:30px}.profile-details h2 span{color:#76716c;font-weight:400}.profile-tagline{color:#77706a;margin:0 0 20px;font-size:12px}.detail-grid{grid-template-columns:100px 1fr;gap:11px 8px;font-size:12px;display:grid}.detail-grid span{color:#928980}.detail-grid strong{font-weight:600}.action-bar{justify-content:space-between;align-items:center;gap:15px;padding:14px 8px 3px;display:flex}.action-bar button{border:0;border-radius:8px;min-width:150px;padding:12px 18px;font-weight:700}.dislike{color:#af5866;background:#f0dfe0}.like{color:#fff;background:#ce627f}.action-hint{color:#9e9188;font-size:11px}.monitor-stand{background:linear-gradient(90deg,#222,#525557,#25282a);width:34px;height:36px;margin:auto}.monitor-base{background:#23282b;border-radius:60% 60% 20% 20%;width:190px;height:13px;margin:auto;box-shadow:0 10px 14px #0006}.desk-bottom{grid-template-columns:minmax(280px,1fr) minmax(200px,.8fr);align-items:start;gap:35px;margin-top:-7px;display:grid}.paper{color:#3b3329;background:#efe0b9 repeating-linear-gradient(0deg,#0000,#0000 30px,#947d6017 31px);max-width:470px;min-height:325px;padding:25px 32px 23px;position:relative;transform:rotate(-2deg);box-shadow:5px 8px 12px #2c1b1580}.paper-stamp{color:#ae6256;letter-spacing:.1em;border:2px solid #ae6256;padding:3px 6px;font-size:10px;position:absolute;top:54px;right:19px;transform:rotate(12deg)}.paper-header{color:#817059;justify-content:space-between;font-size:10px;display:flex}.paper h2{margin:16px 0 8px;font-size:23px;font-weight:900}.paper-caption{font-size:12px;line-height:1.65}.rule-list{border-top:1px solid #a69a80;margin-top:17px}.rule{border-bottom:1px solid #b7ab9180;align-items:center;gap:12px;padding:9px 0;font-size:13px;display:flex}.rule-number{color:#917b5c;font-size:10px}.rule em{color:#ad5549;border:1px solid #ad5549;margin-left:auto;padding:2px 5px;font-size:9px;font-style:normal;font-weight:700}.paper-sign{text-align:right;margin-top:16px;font-size:11px}.paper-sign span{color:#a75246;font-size:21px}.desk-items{color:#f1dec4;padding:36px 15px}.keyboard{background:#25292a;border-radius:7px;grid-template-columns:repeat(12,1fr);gap:5px;width:min(100%,360px);padding:11px;display:grid;transform:perspective(400px)rotateX(18deg);box-shadow:0 7px 10px #0006}.keyboard i{background:#777674;border-radius:2px;height:13px;box-shadow:0 2px #414345}.counter{background:#342820cc;border:1px solid #a3846260;gap:7px;width:220px;margin-top:35px;padding:16px;display:grid}.counter span{color:#cab99d;font-size:11px}.counter strong{font-size:35px}.counter div{font-size:11px}.change-stage{color:#38291d;background:#d3b17f;border:0;border-radius:5px;margin-top:17px;padding:11px 17px;font-weight:700}.desk-items p{color:#d5c1a7;font-size:11px;line-height:1.6}@media (width<=700px){.workspace{border-width:5px;padding:15px 10px 30px}.desktop-monitor{border-width:6px}.profile-area{grid-template-columns:1fr}.portrait{min-height:210px}.portrait-figure{transform-origin:bottom;transform:translate(-50%)scale(.8)}.app-content{padding:10px}.detail-grid{grid-template-columns:90px 1fr;gap:7px}.action-bar{flex-wrap:wrap}.action-bar button{flex:1;min-width:0}.action-hint{display:none}.desk-bottom{grid-template-columns:1fr;gap:7px;margin-top:20px}.paper{max-width:none;transform:none}.desk-items{padding:12px}.monitor-top small{display:none}}.menu-panel{color:#392c24;text-align:center;background:#eee0c1;border:8px solid #4b392e;max-width:760px;min-height:430px;margin:55px auto 0;padding:55px clamp(20px,6vw,75px);box-shadow:0 20px 50px #0006}.menu-panel .kicker{color:#986c43}.menu-panel h2{margin:18px 0;font-family:Georgia,Noto Sans JP,serif;font-size:clamp(25px,4vw,39px)}.menu-panel p{line-height:1.85}.menu-seal{color:#b85d73;font-size:50px}.menu-actions{gap:13px;max-width:280px;margin:32px auto;display:grid}.menu-panel button{color:#f8e6c8;background:#3e3531;border:0;border-radius:5px;padding:14px 25px;font-weight:700}.menu-panel button:hover{background:#5e4b3e}.info-panel{text-align:left}.info-panel button{margin-top:20px}.setting-line{align-items:center;gap:10px;display:flex}.play-status{color:#f9e4c3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 0 18px;font-size:14px;display:flex}.play-status button{color:#f9e4c3;background:#382b23;border:1px solid #b29a7a;border-radius:4px;padding:8px 14px}.urgent{color:#ff9b90;font-weight:700}.result-numbers{grid-template-columns:repeat(4,1fr);gap:10px;margin:35px 0;display:grid}.result-numbers div{background:#d9c49e;gap:10px;padding:17px 6px;display:grid}.result-numbers span{font-size:12px}.result-numbers strong{font-size:clamp(18px,3vw,30px)}.memo-toggle{display:none}.paper{z-index:3}@media (width<=700px){.scene{padding:15px 10px 35px}.topbar{padding-bottom:12px}.topbar h1{font-size:26px}.stage-info strong{font-size:12px}.menu-panel{min-height:0;margin-top:20px;padding:30px 20px}.play-status{font-size:12px}.play-status button{width:100%}.memo-toggle{z-index:6;color:#30251c;background:#e4c492;border:2px solid #59412d;border-radius:6px;width:min(95%,360px);margin:14px auto 0;padding:13px;font-weight:700;display:block;position:sticky;bottom:12px;box-shadow:0 6px 15px #0006}.desk-bottom{margin-top:0;display:block}.desk-bottom .paper{display:none}.desk-bottom .paper.memo-open{z-index:5;max-width:none;min-height:0;display:block;position:fixed;inset:12vh 5vw 10vh;overflow:auto;transform:none;box-shadow:0 0 0 100vmax #000a,0 10px 35px #0008}.desk-items{display:none}.result-numbers{grid-template-columns:repeat(2,1fr)}}.play-status{font-size:20px}.play-status button{font-size:16px}@media (width<=700px){.play-status{font-size:17px}}.debug-panel{color:#382d25;background:#f2e5cc;border:7px solid #4d382d;max-width:1100px;margin:18px auto;padding:clamp(18px,3vw,36px);box-shadow:0 18px 40px #0005}.debug-header{justify-content:space-between;align-items:start;gap:20px;display:flex}.debug-header h2{margin:10px 0;font-size:clamp(23px,3vw,32px)}.debug-header p{line-height:1.5}.debug-panel button{color:#f8e6c8;cursor:pointer;background:#3e3531;border:0;border-radius:5px;padding:11px 16px}.debug-controls{background:#dfcfb1;flex-wrap:wrap;align-items:end;gap:12px;margin:22px 0;padding:18px;display:flex}.debug-controls label{gap:6px;font-size:13px;font-weight:700;display:grid}.debug-controls input,.debug-controls select{font:inherit;color:#302923;background:#fff;border:1px solid #a59479;border-radius:4px;max-width:185px;padding:10px}.debug-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.debug-stats>div{background:#e0d0b4;gap:7px;padding:13px;font-size:12px;display:grid}.debug-stats strong{font-size:23px}.debug-note{font-size:13px;line-height:1.7}.debug-empty{text-align:center;border:1px dashed #b7a78c;padding:35px}.debug-table-wrap{max-height:480px;overflow:auto}.debug-table{border-collapse:collapse;width:100%;font-size:14px}.debug-table th,.debug-table td{text-align:left;border-bottom:1px solid #c6b596;padding:10px}.debug-table th{background:#d4c09b;position:sticky;top:0}.debug-table tr:nth-child(2n){background:#e8d9be}.debug-report{color:#9d382b;font-weight:700}@media (width<=700px){.debug-header{display:grid}.debug-stats{grid-template-columns:repeat(2,1fr)}.debug-controls{grid-template-columns:1fr 1fr;display:grid}.debug-controls input,.debug-controls select{width:100%;max-width:none}.debug-controls button{grid-column:span 2}.debug-table{min-width:510px}}.portrait-figure{bottom:var(--portrait-offset,0px)}.portrait-shoulders{width:var(--shoulder-width,190px);background:var(--clothing-color,#f4eee4);transition:width .15s,background-color .15s;left:50%;transform:translate(-50%)}.portrait-debug-preview{grid-template-columns:minmax(220px,360px) 1fr;align-items:start;gap:28px;margin-top:22px;display:grid}.portrait-debug-preview .portrait{min-height:390px}.portrait-debug-details{background:#e6d5b9;border-radius:6px;padding:20px}.portrait-debug-details h3{margin:0 0 20px;font-size:23px}.portrait-debug-details dl{grid-template-columns:145px 1fr;gap:12px;margin:0;display:grid}.portrait-debug-details dt{color:#736451}.portrait-debug-details dd{margin:0;font-weight:700}.portrait-debug-details p{margin-top:22px;font-size:13px;line-height:1.7}.clothing-swatch{vertical-align:middle;border:1px solid #8c806f;border-radius:4px;width:20px;height:20px;display:inline-block}@media (width<=700px){.portrait-debug-preview{grid-template-columns:1fr}.portrait-debug-preview .portrait{min-height:310px}}.profile-area{grid-template-columns:minmax(0,244px) minmax(0,1fr);min-height:0}.profile-area .portrait{aspect-ratio:1;justify-self:start;width:100%;max-width:244px;min-height:0}.profile-area .portrait-figure{transform-origin:bottom;transform:translate(-50%)scale(.8)}.portrait-debug-preview{grid-template-columns:minmax(0,288px) minmax(0,1fr)}.portrait-debug-preview .portrait{aspect-ratio:1;width:100%;max-width:288px;min-height:0}.portrait-debug-preview .portrait-figure{transform-origin:bottom;transform:translate(-50%)scale(.8)}@media (width<=700px){.profile-area{grid-template-columns:1fr}.profile-area .portrait{width:min(100%,244px)}.portrait-debug-preview{grid-template-columns:1fr}.portrait-debug-preview .portrait{width:min(100%,288px);min-height:0}}.portrait-hair,.portrait-hair-extra,.portrait-face,.portrait-fringe{translate:0 10px}.portrait-hair{background:var(--hair-color,#292327)}.portrait-hair-extra,.portrait-fringe{background:var(--hair-color,#292327);pointer-events:none;position:absolute}.portrait-hair-extra{display:none}.portrait-fringe{border-radius:55% 45% 42% 10%;width:85px;height:30px;top:28px;left:54px;transform:rotate(-9deg)}.hair-style-long .portrait-hair{border-radius:65px 65px 22px 22px;height:220px}.hair-style-long .portrait-hair-extra{border-radius:0 0 15px 15px;width:20px;height:140px;display:block;top:95px;left:40px}.hair-style-bob .portrait-hair{border-radius:60px 60px 32px 32px;width:118px;height:147px;top:15px;left:36px}.hair-style-bob .portrait-fringe{height:23px;top:29px}.hair-style-short .portrait-hair{border-radius:65px 65px 20px 20px;width:105px;height:95px;top:20px;left:43px}.hair-style-short .portrait-fringe{width:77px;height:20px;top:33px;left:57px}.hair-style-ponytail .portrait-hair{border-radius:65px 65px 35px 35px;width:105px;height:119px;top:17px;left:43px}.hair-style-ponytail .portrait-hair-extra{border-radius:60% 40% 50% 50%;width:37px;height:154px;display:block;top:57px;left:139px;transform:rotate(-12deg)}.hair-style-bun .portrait-hair{border-radius:60px 60px 35px 35px;width:105px;height:118px;top:22px;left:43px}.hair-style-bun .portrait-hair-extra{border-radius:50%;width:58px;height:59px;display:block;top:-17px;left:78px}.hair-style-medium .portrait-hair{border-radius:64px 64px 42px 42px;width:122px;height:185px;top:13px;left:34px}.hair-style-medium .portrait-hair-extra{border-radius:0 0 18px 18px;width:22px;height:98px;display:block;top:94px;left:138px;transform:rotate(-8deg)}.hair-style-medium .portrait-fringe{border-radius:70% 25% 70% 12%;width:93px;height:39px;top:25px;left:53px;transform:rotate(-16deg)}.keyboard{flex-direction:column;gap:4px;width:min(100%,390px);padding:10px;display:flex;overflow:hidden}.keyboard-row{gap:3px;width:100%;min-width:0;display:flex}.keyboard-key{color:#eee8dc;white-space:nowrap;background:#777674;border-radius:3px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:22px;font-size:clamp(6px,.75vw,9px);line-height:1;display:flex;box-shadow:0 2px #414345}.keyboard-key.key-modifier{background:#626668;flex:1.45 1 0;font-size:clamp(5px,.65vw,8px)}.keyboard-key.key-space{background:#85827d;flex:5 1 0}.keyboard-row:nth-child(2){padding-left:5px}.keyboard-row:nth-child(3){padding-left:9px}.keyboard-row:nth-child(4){padding-left:12px}@media (width<=700px){.keyboard-key{font-size:7px}.keyboard-key.key-modifier{font-size:6px}}.desk-items .keyboard{margin-top:-20px}.integration-debug-details{color:#302d2a;background:#e6d5b9;border-radius:6px;margin-top:20px;padding:20px}.integration-debug-details h3{margin:0 0 12px;font-size:18px}.integration-debug-details>div{overflow-wrap:anywhere;grid-template-columns:135px minmax(0,1fr);gap:9px 14px;font-size:13px;display:grid}.integration-debug-details strong{color:#726351}@media (width<=700px){.integration-debug-details>div{grid-template-columns:100px minmax(0,1fr)}}.day-score-breakdown{text-align:left;max-width:490px;margin:30px auto 35px}.day-score-breakdown .score-line{border-bottom:1px solid #a9927155;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 3px;display:flex}.day-score-breakdown .score-line span{font-size:14px}.day-score-breakdown .score-line strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px}.day-score-breakdown .score-subtotal{border-top:2px solid #9b8260;margin-top:15px;padding-top:19px}.day-score-breakdown .score-subtotal strong{font-size:23px}.day-score-breakdown .score-total{border-bottom:0;padding-top:19px;font-weight:700}.day-score-breakdown .score-total strong{font-size:26px}@media (width<=480px){.day-score-breakdown .score-line span{font-size:12px}.day-score-breakdown .score-line strong{font-size:16px}.day-score-breakdown .score-total strong{font-size:20px}}.desktop-monitor.monitor-off{background:#14191c}.monitor-off-screen{text-align:center;color:#d7d7d0;background:radial-gradient(#232b30 0%,#111518 76%);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:19px;min-height:385px;padding:28px 18px;display:flex}.monitor-off-indicator{letter-spacing:.2em;color:#8c999b;font-size:10px}.monitor-off-screen p{margin:0;font-size:17px;line-height:1.9}.monitor-power-button{color:#f3f7ec;background:#354b46;border:1px solid #9bb2a9;border-radius:8px;padding:13px 25px;font-weight:700;box-shadow:0 0 18px #6dafa533}.monitor-power-button:hover{background:#486b61}.monitor-off-screen small{color:#b3b6b2;font-size:11px}@media (width<=700px){.monitor-off-screen{min-height:280px}.monitor-off-screen p{font-size:14px}}.day-debug-matrix{text-align:left;border-top:1px dashed #9e8665;max-width:530px;margin:28px auto 0;padding-top:20px}.day-debug-matrix h3{margin:0 0 6px;font-size:15px}.day-debug-matrix p{color:#6d6254;margin:8px 0;font-size:12px;line-height:1.6}.day-debug-matrix table{border-collapse:collapse;width:100%;margin:12px 0;font-size:12px}.day-debug-matrix th,.day-debug-matrix td{text-align:center;border-bottom:1px solid #b9a98c;padding:10px 7px}.day-debug-matrix th:first-child{text-align:left}.day-debug-matrix thead{background:#e0d0af}.day-debug-matrix tbody th{font-weight:600}@media (width<=480px){.day-debug-matrix table{font-size:10px}.day-debug-matrix th,.day-debug-matrix td{padding:9px 3px}}.monitor-power-button:disabled{opacity:.55;cursor:wait;box-shadow:none;background:#303b3b}.feedback-panel blockquote{text-align:left;background:#e2d1ad;border-left:5px solid #9b7050;margin:25px 0;padding:23px;font-size:19px;line-height:1.8}.feedback-new-rule{border:1px dashed #9b7050;gap:9px;max-width:430px;margin:20px auto 28px;padding:16px;display:grid}.feedback-new-rule span{color:#80634b;font-size:12px}.feedback-new-rule strong{font-size:18px}.messages-debug-page{max-width:800px}.messages-debug-count{margin:14px 0 20px;font-size:14px}.messages-debug-list{text-align:left;gap:0;margin:0 0 28px;padding:0;list-style:none;display:grid}.messages-debug-list li{overflow-wrap:anywhere;border-bottom:1px solid #cbbca0;align-items:baseline;gap:18px;padding:12px 8px;line-height:1.65;display:flex}.messages-debug-number{color:#88735b;font-variant-numeric:tabular-nums;flex:0 0 25px;font-size:12px}@media (width<=480px){.messages-debug-list li{gap:10px;padding:10px 3px}}.weekly-feedback-debug{max-width:1050px}.weekly-feedback-debug>p{line-height:1.7}.weekly-feedback-count{margin:16px 0 24px;font-size:14px}.weekly-feedback-group{text-align:left;margin:28px 0}.weekly-feedback-group h3{margin:0 0 12px;font-size:18px}.weekly-feedback-table-wrap{overflow-x:auto}.weekly-feedback-table-wrap table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}.weekly-feedback-table-wrap th,.weekly-feedback-table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid #c5b393;padding:11px 12px;line-height:1.6}.weekly-feedback-table-wrap th{white-space:nowrap;background:#e0d0af}.weekly-feedback-table-wrap td:first-child{white-space:nowrap;font-weight:700}.weekly-feedback-table-wrap td:nth-child(2){min-width:210px}.weekly-feedback-table-wrap td:nth-child(3){min-width:175px}.app-menu-container{margin-left:auto;position:relative}.monitor-top .app-menu-trigger{color:#424149;cursor:pointer;background:#fff9f1;border:1px solid #d8d0c7;border-radius:6px;padding:7px 11px;font-size:20px;line-height:1}.app-menu-dropdown{z-index:10;background:#fffdf9;border:1px solid #d4c8bb;border-radius:8px;gap:3px;min-width:215px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 9px 22px #0003}.app-menu-dropdown button{text-align:left;color:#39343a;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;padding:12px 10px;font-size:13px}.app-menu-dropdown button:hover{background:#f2e5e1}.app-menu-dropdown button:first-child{color:#a73b48;font-weight:700}.app-menu-dropdown button:disabled{opacity:.5;cursor:not-allowed}.scene:has(.matching-game){color:#1e293b;background:#f8f9fb;min-height:100vh;padding:0}.topbar-hidden{display:none}.matching-game{color:#1b2940;background:#f8f9fb;min-height:100vh;font-family:Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}.matching-header{background:#fff;border-bottom:1px solid #e9eaf0;grid-template-columns:minmax(210px,1.2fr) minmax(200px,1fr) auto auto;align-items:center;gap:clamp(15px,3vw,45px);padding:14px clamp(16px,2vw,36px);display:grid;box-shadow:0 2px 12px #22334408}.matching-brand{align-items:center;gap:13px;min-width:0;display:flex}.matching-heart{color:#f14e7a;font-size:39px;line-height:1}.matching-brand strong{color:#f14e7a;letter-spacing:-.04em;font-size:clamp(20px,2.3vw,30px);display:block}.matching-brand small{color:#a23c5b;margin-top:2px;font-size:12px;display:block}.matching-progress{min-width:0}.matching-progress>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.matching-progress b{font-size:17px}.matching-progress-track{background:#e2e6ec;border-radius:20px;height:11px;overflow:hidden}.matching-progress-track span{background:#f15380;border-radius:20px;height:100%;transition:width .2s;display:block}.matching-timer{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.matching-timer small{letter-spacing:.1em;font-size:13px}.matching-timer strong{color:#f15380;font-variant-numeric:tabular-nums;font-size:clamp(24px,3vw,36px)}.matching-timer.urgent strong{color:#d82442}.matching-header .app-menu-trigger{color:#233044;background:#eef1f5;border:1px solid #cbd2dc;border-radius:11px;padding:9px 14px;font-size:24px;box-shadow:0 2px 3px #0001}.matching-layout{grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:14px;max-width:1580px;margin:0 auto;padding:20px;display:grid}.matching-sidebar{align-content:start;gap:14px;display:grid}.matching-side-card,.matching-main{background:#fff;border:1px solid #e7eaf0;border-radius:14px;box-shadow:0 3px 18px #27354808}.matching-side-card{padding:22px}.matching-side-card h2{color:#1e2c41;margin:0 0 19px;font-size:19px}.matching-guidance{color:#89435c;background:#fff3f7;border-radius:9px;padding:13px;font-size:13px;line-height:1.6}.matching-filter-list{gap:7px;margin-top:17px;display:grid}.matching-filter{background:#f3f5f8;border-radius:9px;align-items:center;gap:12px;padding:14px 12px;font-size:13px;line-height:1.5;display:flex}.matching-filter span{color:#f15380;font-size:12px;font-weight:800}.matching-filter strong{font-weight:600}.matching-score>strong{text-align:center;font-variant-numeric:tabular-nums;font-size:clamp(30px,4vw,44px);display:block}.matching-score>strong small{font-size:16px}.matching-score p{text-align:center;color:#7b8495;font-size:11px}.matching-main{min-width:0;padding:18px 18px 25px}.matching-main .profile-area{grid-template-columns:minmax(250px,1.08fr) minmax(240px,.95fr);align-items:start;gap:clamp(18px,2.5vw,40px);display:grid}.matching-main .profile-photo{min-width:0}.matching-main .profile-area .portrait{aspect-ratio:1;border-radius:12px;width:100%;max-width:none;overflow:hidden}.photo-dots{justify-content:center;gap:10px;margin:12px 0;display:flex}.photo-dots span{background:#e7eaf0;border-radius:50%;width:10px;height:10px}.photo-dots .active{background:#f15380}.matching-main .profile-details{min-width:0;padding:10px 0}.matching-main .profile-details h2{margin:0 0 7px;font-size:clamp(24px,2.8vw,34px)}.matching-main .profile-details h2 span{color:#1e293b;margin-left:10px;font-size:.72em;font-weight:700}.profile-location{margin:0 0 18px;font-size:15px}.matching-main .detail-grid{grid-template-columns:minmax(85px,.8fr) minmax(0,1fr);gap:0;font-size:14px;display:grid}.matching-main .detail-grid span,.matching-main .detail-grid strong{border-bottom:1px solid #e9edf2;padding:12px 5px}.matching-main .detail-grid span{color:#637086}.matching-main .detail-grid strong{overflow-wrap:anywhere;font-weight:600}.profile-message{margin-top:18px;font-size:13px;line-height:1.7}.profile-message>span{color:#637086}.profile-message p{overflow-wrap:anywhere;margin:8px 0;font-size:15px}.matching-actions{justify-content:center;align-items:center;gap:70px;margin:8px auto 0;display:flex}.matching-actions button{background:#fff;border-radius:50%;align-content:center;justify-items:center;gap:13px;width:112px;height:112px;font-size:55px;line-height:1;display:grid;box-shadow:0 5px 15px #28334416}.matching-actions button span{font-size:14px;font-weight:800;position:relative;top:27px}.matching-dislike{color:#87909f;border:3px solid #c8ced8}.matching-like{color:#f15380;border:3px solid #ffafc5}.matching-actions button:disabled{opacity:.45;cursor:not-allowed}.matching-ready{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:460px;padding:25px;display:flex}.matching-ready>span{color:#f15380;font-size:70px}.matching-ready h2{margin:0;font-size:27px}.matching-ready p{color:#657188;max-width:440px;line-height:1.8}.matching-ready button{color:#fff;background:#f15380;border:0;border-radius:10px;padding:15px 35px;font-weight:700}.matching-ready button:disabled{cursor:wait;background:#aeb7c3}.matching-footer{color:#798498;justify-content:space-between;align-items:center;gap:15px;max-width:1580px;margin:0 auto;padding:0 22px 24px;font-size:12px;display:flex}.matching-footer button{color:#5b6576;background:#fff;border:1px solid #dbe0e8;border-radius:8px;padding:9px 14px}@media (width<=980px){.matching-header{grid-template-columns:1fr auto auto}.matching-progress{grid-area:2/1/auto/-1}.matching-layout{grid-template-columns:230px minmax(0,1fr)}.matching-main .profile-area{grid-template-columns:1fr}.matching-main .profile-area .portrait{max-width:340px;margin:auto}.matching-main .profile-details{padding:5px 10px}.matching-actions{margin:20px auto 40px}}@media (width<=650px){.matching-header{gap:10px;padding:12px}.matching-brand strong{font-size:19px}.matching-brand small{font-size:9px}.matching-heart{font-size:27px}.matching-timer small{display:none}.matching-timer strong{font-size:24px}.matching-layout{grid-template-columns:1fr;gap:10px;padding:10px}.matching-sidebar{order:2}.matching-main{order:1;padding:12px}.matching-side-card{padding:16px}.matching-filter-list{grid-template-columns:repeat(2,minmax(0,1fr))}.matching-filter{padding:10px;font-size:11px}.matching-main .profile-area .portrait{max-width:300px}.matching-actions{gap:40px}.matching-actions button{width:88px;height:88px;font-size:42px}.matching-actions button span{font-size:12px;top:23px}.matching-footer{padding:10px 14px 25px}}.matching-main .profile-area{grid-template-columns:minmax(0,244px) minmax(0,1fr);justify-content:center}.matching-main .profile-area .portrait{aspect-ratio:1;width:244px;max-width:100%;margin:0}.matching-main .profile-area .portrait-figure{transform:translate(-50%)scale(.8)}.matching-actions button{justify-content:center;align-items:center;gap:0;padding:0;line-height:1;display:flex;position:relative}.matching-actions button span{white-space:nowrap;line-height:1.2;position:absolute;top:calc(100% + 13px);left:50%;transform:translate(-50%)}@media (width<=980px){.matching-main .profile-area{grid-template-columns:minmax(0,244px) minmax(0,1fr)}.matching-main .profile-area .portrait{margin:0}}@media (width<=650px){.matching-main .profile-area{grid-template-columns:1fr}.matching-main .profile-area .portrait{margin:auto}}.matching-sidebar .matching-score{order:-1}.matching-actions button{width:88px;height:88px;font-size:43px}@media (width<=650px){.matching-actions button{width:76px;height:76px;font-size:37px}}.matching-debug-game{color:#1b2940;border:1px solid #e7eaf0;border-radius:14px;min-height:0;margin:20px 0;overflow:hidden}.matching-debug-game .matching-header{grid-template-columns:minmax(210px,1.2fr) minmax(180px,1fr) auto auto}.matching-debug-game .matching-main .profile-area .portrait{width:244px;max-width:100%}.matching-debug-game .matching-actions{margin-bottom:38px}@media (width<=980px){.matching-debug-game .matching-header{grid-template-columns:1fr auto auto}}@media (width<=650px){.matching-debug-game .matching-header{grid-template-columns:1fr auto auto}.matching-debug-game .matching-layout{grid-template-columns:1fr}}.final-rank-display{text-align:center;background:linear-gradient(160deg,#fff7fc,#fff);border:1px solid #eadbe9;border-radius:18px;max-width:560px;margin:22px auto 26px;padding:26px 20px}.final-rank-display>span{letter-spacing:.17em;color:#9e718d;font-size:12px;font-weight:800;display:block}.final-rank-grade{color:#a47db5;margin:8px auto 4px;font-size:clamp(70px,13vw,112px);font-weight:900;line-height:1.05;display:block}.final-rank-s{color:#d6a13e}.final-rank-a{color:#9b76d2}.final-rank-b{color:#469f94}.final-rank-c{color:#6494c7}.final-rank-d{color:#ba8a66}.final-rank-e{color:#c35e6a}.final-rank-display h3{margin:8px 0 18px;font-size:clamp(18px,3vw,24px)}.final-rank-display blockquote{background:#fff;border:1px solid #f1e8f0;border-radius:12px;margin:0;padding:16px;font-size:16px;line-height:1.7}.final-rank-display blockquote small{color:#8b7587;margin-top:6px;font-size:12px;display:block}.matching-filter-note{isolation:isolate;background:repeating-linear-gradient(#fff9de 0 31px,#b9d5db80 32px,#fff9de 33px);border:1px solid #e6d7a9;border-radius:3px 3px 10px;padding:28px 18px 23px;position:relative;overflow:visible;transform:rotate(-1deg);box-shadow:2px 4px #e9ddb9,4px 7px #d5c8a6,7px 13px 19px #2a344020}.matching-filter-note:before{content:"";clip-path:polygon(2% 0,100% 5%,97% 100%,0 92%);background:#e5aeb2b8;border:1px solid #e1a4aa66;width:76px;height:22px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 2px 4px #73555524}.matching-filter-note h2{color:#51432f;border-bottom:2px dashed #c9b88a;margin:0 0 12px;padding-bottom:7px;font-size:17px}.matching-filter-note .matching-guidance{color:#8b6659;background:0 0;margin:0;padding:5px 0 8px;font-size:12px}.matching-filter-note .matching-filter-list{grid-template-columns:minmax(0,1fr);gap:0;margin-top:6px;display:grid}.matching-filter-note .matching-filter{color:#514536;background:0 0;border-bottom:1px dashed #d6c9a5;border-radius:0;align-items:baseline;gap:10px;min-width:0;padding:9px 4px;font-size:13px;line-height:1.45;display:flex}.matching-filter-note .matching-filter:last-child{border-bottom:0}.matching-filter-note .matching-filter span{color:#bc7369;flex:none;font-size:11px;font-weight:800}.matching-filter-note .matching-filter strong{overflow-wrap:anywhere;min-width:0;font-weight:650}@media (width<=700px){.matching-filter-note{margin:4px 5px 12px;transform:rotate(-.5deg)}.matching-filter-note .matching-filter-list{grid-template-columns:minmax(0,1fr)}}.matching-actions{flex-wrap:wrap;gap:clamp(18px,4vw,42px);padding-bottom:25px}.matching-actions .matching-super-like{color:#936016;background:linear-gradient(150deg,#fff4c9,#ffd36d);border:3px solid #e0a83e;border-radius:50%;width:88px;height:88px;font-size:42px;box-shadow:0 5px #d5a442,0 9px 20px #bd892b33}.matching-actions .matching-super-like span{color:#936016;font-weight:800}.matching-actions .matching-super-like span small{margin-top:3px;font-size:11px;font-weight:700;display:block}.matching-actions .matching-super-like:disabled{opacity:.38;filter:grayscale();cursor:not-allowed;box-shadow:none}@media (width<=650px){.matching-actions{gap:clamp(14px,5vw,30px)}.matching-actions .matching-super-like{width:76px;height:76px;font-size:37px}.matching-actions .matching-super-like span{font-size:11px}.matching-actions .matching-super-like span small{font-size:10px}}.age-gate-page{color:#fff;text-align:center;background:#1d1d24;border:1px solid #3c3a46;border-radius:24px;max-width:660px;margin:0 auto;padding:0;overflow:hidden;box-shadow:0 24px 70px #0006}.age-gate{background:radial-gradient(at 50% 15%,#34303c 0,#1d1d24 68%);flex-direction:column;align-items:center;padding:clamp(28px,6vw,52px) clamp(20px,5vw,56px) 38px;display:flex}.age-gate-symbol{width:168px;max-width:50%;margin:0 auto 16px}.age-gate-symbol svg{width:100%;height:auto;display:block}.age-gate-eyebrow{color:#f0a0c0;letter-spacing:.22em;margin:0 0 14px;font-size:11px;font-weight:800}.age-gate h2{color:#fff;letter-spacing:.02em;margin:0;font-size:clamp(23px,5vw,34px);line-height:1.45}.age-gate-description{color:#c1bbc8;margin:17px 0 29px;font-size:13px;line-height:1.85}.age-gate-page .age-gate-actions{flex-flow:row;align-items:stretch;gap:12px;width:100%;max-width:360px;margin-inline:auto;display:flex}.age-gate-actions .age-gate-enter,.age-gate-actions .age-gate-exit{border:1px solid #0000;border-radius:12px;flex:1 1 0;justify-content:center;align-items:center;gap:13px;width:100%;min-width:0;min-height:56px;padding:14px 20px;font-size:17px;font-weight:850;text-decoration:none;transition:transform .15s,filter .15s;display:flex}.age-gate-actions .age-gate-enter{color:#24202a;background:#ef84ae;box-shadow:0 6px 22px #ee78a338}.age-gate-actions .age-gate-exit{color:#25232b;background:#fff}.age-gate-actions span{letter-spacing:.09em;font-size:12px}.age-gate-actions .age-gate-enter:hover,.age-gate-actions .age-gate-exit:hover{filter:brightness(1.06);transform:translateY(-2px)}.age-gate-actions :is(button,a):focus-visible{outline-offset:3px;outline:3px solid #fff}.age-gate-secondary{text-align:left;background:#24232b;border-top:1px solid #393740;padding:22px clamp(18px,4vw,42px) 32px}.age-gate-secondary-heading{color:#aaa2b2;letter-spacing:.08em;margin:0 0 14px;font-size:12px;font-weight:700}.age-gate-secondary .menu-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.age-gate-secondary .menu-actions button{color:#eee9f1;text-align:center;background:#34313c;border:1px solid #504b58;border-radius:9px;min-width:0;padding:12px 10px;font-size:12px}.age-gate-secondary .menu-actions button:hover{background:#45404d}@media (width<=540px){.age-gate-secondary .menu-actions{grid-template-columns:1fr}.age-gate-page{border-radius:16px}}.own-profile-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12131bc9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.own-profile-dialog{color:#34303c;text-align:center;background:#fffafc;border:1px solid #e9d7e4;border-radius:20px;width:min(100%,470px);max-height:calc(100vh - 40px);padding:30px clamp(18px,5vw,36px);position:relative;overflow-y:auto;box-shadow:0 24px 75px #0007}.own-profile-close{color:#675460;background:#f4e9f0;border:0;border-radius:50%;width:36px;height:36px;font-size:26px;position:absolute;top:12px;right:15px}.own-profile-eyebrow{color:#b77b9b;letter-spacing:.18em;margin:0 0 8px;font-size:11px;font-weight:800}.own-profile-dialog h2{margin:0 0 22px;font-size:23px}.own-profile-placeholder{background:#fff4f9;border:2px dashed #e4cbd9;border-radius:16px;padding:26px 12px}.own-profile-avatar{color:#b895a8;background:#f0e2ea;border:3px solid #e7cedc;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;margin:0 auto 17px;font-size:54px;font-weight:800;display:flex}.own-profile-placeholder strong{font-size:20px;display:block}.own-profile-placeholder p{color:#736575;margin:14px 0 7px}.own-profile-placeholder small{color:#a18d9d;font-size:12px}.own-profile-back{color:#fff;background:#d86c9b;border:0;border-radius:10px;margin-top:22px;padding:12px 25px;font-weight:800}.own-profile-age{color:#876c7d;font-size:14px;font-weight:600}.own-profile-fields{text-align:left;border-top:1px solid #e8d3df;gap:0;margin:22px 0 18px;display:grid}.own-profile-fields>div{border-bottom:1px solid #e8d3df;grid-template-columns:95px 1fr;gap:12px;padding:11px 6px;display:grid}.own-profile-fields dt{color:#927b89;font-size:13px}.own-profile-fields dd{color:#463440;margin:0;font-size:14px;font-weight:700}.own-profile-bio{text-align:left;background:#fff;border-radius:12px;margin:0 0 18px;padding:16px}.own-profile-bio h3{color:#9f6383;margin:0 0 10px;font-size:13px}.own-profile-bio p{color:#4c3c48;margin:0;font-size:14px;line-height:1.7}.own-profile-dialog{width:min(100%,840px);max-height:calc(100vh - 32px)}.own-profile-card{color:#302d2a;text-align:left;background:#fff;border-radius:14px;min-height:330px;padding:18px}.own-profile-card .profile-details{min-width:0}.own-profile-card .profile-details h2{font-size:clamp(20px,3vw,28px)}.own-profile-photo{background:linear-gradient(155deg,#dfd1dc,#b8b1c2);border-radius:10px;min-height:300px;position:relative;overflow:hidden}.own-profile-photo-placeholder{color:#7b6d7c;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:72px;font-weight:800;display:flex;position:absolute;inset:0}.own-profile-photo-placeholder small{letter-spacing:.06em;font-size:12px}@media (width<=650px){.own-profile-dialog{padding:25px 12px 18px}.own-profile-card{padding:12px}.own-profile-card.profile-area{grid-template-columns:1fr}.own-profile-photo{min-height:230px}.own-profile-card .profile-details{padding:10px 3px}}.matching-swipe-zone{touch-action:pan-y;overscroll-behavior-x:contain}@media (hover:none) and (pointer:coarse){.matching-swipe-zone{cursor:grab}}.own-profile-photo-column{min-width:0}.own-profile-photo-column .photo-dots{margin:12px 0 4px;position:static}.own-profile-image{object-fit:cover;object-position:center;width:100%;height:100%;min-height:300px;display:block}.own-profile-image-fallback-hidden{display:none}@media (width<=650px){.own-profile-image{min-height:230px}}.own-profile-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.own-profile-message p+p{margin-top:1em}.own-profile-photo-dots{justify-content:center;align-items:center;gap:10px;display:flex}.own-profile-photo-dots button{appearance:none;cursor:pointer;background:#e7eaf0;border:0;border-radius:50%;width:12px;min-width:12px;height:12px;padding:0;transition:background-color .15s,transform .15s;display:block}.own-profile-photo-dots button.active{background:#f15380;transform:scale(1.12)}.own-profile-photo-dots button:focus-visible{outline-offset:4px;outline:2px solid #f15380}.final-ranks-debug-page{max-width:1100px}.final-ranks-debug-table{min-width:680px;margin-top:24px}.final-ranks-debug-table td{vertical-align:middle;line-height:1.65}.final-ranks-debug-table .final-rank-grade{font-size:26px}.final-ranks-debug-back{margin-top:22px}:root{--match-aqua:#00b9c9;--match-aqua-dark:#087f91;--match-aqua-light:#e7f9fb;--match-text:#223b45;--match-muted:#71848e;--match-line:#e2edf0;--match-shadow:0 14px 42px #27677617}.scene-home{min-height:100vh;color:var(--match-text);background:radial-gradient(560px 350px at 8% 11%,#d8f7f9 0%,#0000 75%),radial-gradient(580px 380px at 93% 40%,#e5f7f2 0%,#0000 72%),linear-gradient(155deg,#f6fcfd,#f4f8fb);padding:30px clamp(16px,4vw,52px) 68px}.scene-home .topbar{border-bottom:1px solid #e3eff0;align-items:center;max-width:1060px;margin:0 auto;padding:2px 0 18px}.site-brand{align-items:center;gap:14px;min-width:0;display:flex}.site-brand-icon{color:#fff;background:linear-gradient(140deg,#54dce1,#00b8cb);border-radius:19px;flex:0 0 56px;place-items:center;width:56px;height:56px;font-size:31px;line-height:1;display:grid;box-shadow:0 9px 20px #07bfcb3b}.scene-home .topbar .kicker{color:#63a4ac;letter-spacing:.17em;font-size:10px;font-weight:800}.scene-home .topbar h1{letter-spacing:-.055em;color:#184651;margin:4px 0 0;font-family:Arial,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:clamp(23px,3.5vw,34px);font-weight:850}.scene-home .topbar .period{color:var(--match-aqua)}.scene-home .stage-info{color:#7caab2;text-align:right;letter-spacing:.12em}.scene-home .stage-info strong{color:var(--match-aqua-dark);letter-spacing:.15em;font-size:12px}.scene-home .age-gate-page{width:100%;max-width:660px;min-height:0;color:var(--match-text);background:#fff;border:1px solid #d9ecef;border-radius:28px;margin:44px auto 0;padding:0;overflow:hidden;box-shadow:0 24px 65px #30768321}.scene-home .age-gate{background:radial-gradient(at 50% 5%,#dff8f9 0%,#0000 58%),#fff;gap:0;padding:42px clamp(22px,6vw,58px)}.scene-home .age-gate-symbol{filter:drop-shadow(0 12px 15px #289fab24);width:128px;max-width:40%;margin:0 auto 20px}.scene-home .age-gate-eyebrow{color:#09a7b7;letter-spacing:.17em;margin:0 0 9px;font-size:11px;font-weight:850}.scene-home .age-gate h2{color:#1c4651;letter-spacing:-.025em;margin:0;font-size:clamp(23px,4.5vw,30px);font-weight:850}.scene-home .age-gate-description{color:#647d87;margin:16px 0 27px;font-size:13px;line-height:1.8}.scene-home .age-gate-actions{flex-flow:row;align-items:stretch;gap:12px;width:100%;max-width:390px;margin-inline:auto;display:flex}.scene-home .age-gate-actions .age-gate-enter,.scene-home .age-gate-actions .age-gate-exit{border:1px solid #0000;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;width:auto;min-width:0;min-height:54px;padding:13px 14px;font-size:16px;font-weight:850;text-decoration:none;display:flex}.scene-home .age-gate-actions .age-gate-enter{color:#fff;background:linear-gradient(110deg,#0ac1cc,#00adbe);box-shadow:0 8px 18px #00bbcb36}.scene-home .age-gate-actions .age-gate-exit{color:#437682;box-shadow:none;background:#fff;border-color:#c9e5e9}.scene-home .age-gate-actions :is(button,a):hover{filter:brightness(1.035);transform:translateY(-2px)}.scene-home .age-gate-actions :is(button,a):focus-visible{outline-offset:4px;outline:3px solid #1b9dab}.scene-home .age-gate-secondary{text-align:left;background:#f7fbfc;border-top:1px solid #e4eff1;padding:22px clamp(18px,5vw,40px) 30px}.scene-home .age-gate-secondary-heading{color:#7a949b;letter-spacing:.07em;margin:0 0 15px;font-size:12px;font-weight:800}.scene-home .age-gate-secondary .menu-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:none;margin:0;display:grid}.scene-home .age-gate-secondary .menu-actions button{color:#3d6873;text-align:center;background:#fff;border:1px solid #dcebee;border-radius:12px;min-width:0;min-height:44px;padding:11px 12px;font-size:12px;font-weight:750;transition:border-color .15s,background-color .15s,transform .15s}.scene-home .age-gate-secondary .menu-actions button:hover{color:#087f91;background:#eafdfe;border-color:#a4dfe5;transform:translateY(-1px)}.scene:has(.matching-game){color:var(--match-text);background:#f4f9fa}.matching-game{min-height:100vh;color:var(--match-text);background:radial-gradient(640px 330px at 95% 14%,#dff8f9a6,#0000 82%),#f5fafb}.matching-game .matching-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border-bottom:1px solid #dcebef;grid-template-columns:minmax(205px,1.1fr) minmax(185px,.95fr) auto auto;align-items:center;gap:clamp(14px,2.5vw,32px);padding:15px clamp(16px,3vw,42px);display:grid;position:sticky;top:0;box-shadow:0 4px 22px #2f63730e}.matching-game .matching-brand{align-items:center;gap:12px;min-width:0;display:flex}.matching-game .matching-heart{color:#fff;background:linear-gradient(135deg,#63dde0,#04b7ca);border-radius:16px;flex:0 0 49px;place-items:center;width:49px;height:49px;font-size:28px;display:grid;box-shadow:0 7px 16px #05b7c82a}.matching-game .matching-brand strong{color:#117b8a;letter-spacing:-.045em;font-size:clamp(18px,2vw,24px);line-height:1.2}.matching-game .matching-brand small{color:#8599a0;letter-spacing:0;margin-top:4px;font-size:11px}.matching-game .matching-progress>div:first-child{color:#506d78;font-size:12px}.matching-game .matching-progress b{color:#29535f;font-size:14px}.matching-game .matching-progress-track{background:#e5f0f2;border-radius:999px;height:8px}.matching-game .matching-progress-track span{background:linear-gradient(90deg,#70dde2,#00b8c9);border-radius:999px}.matching-game .matching-timer{color:#56828b;background:#eefbfc;border:1px solid #d6ecef;border-radius:14px;align-items:center;gap:8px;padding:10px 15px;display:flex}.matching-game .matching-timer small{letter-spacing:.13em;font-size:10px;font-weight:800}.matching-game .matching-timer strong{color:#087f91;font-size:clamp(22px,2.8vw,29px);font-weight:850}.matching-game .matching-timer.urgent{background:#fff1f1;border-color:#f3d5d5}.matching-game .matching-timer.urgent strong{color:#d44f61}.matching-game .matching-header .app-menu-trigger{color:#277a87;min-width:48px;min-height:48px;box-shadow:none;background:#fff;border:1px solid #d7e8eb;border-radius:15px;padding:9px 12px}.matching-game .app-menu-dropdown{min-width:228px;box-shadow:var(--match-shadow);background:#fff;border:1px solid #d9ebee;border-radius:15px;padding:9px}.matching-game .app-menu-dropdown button{color:#355a66;border-radius:9px}.matching-game .app-menu-dropdown button:hover{background:#eaf9fb}.matching-game .app-menu-dropdown button:first-child{color:#c35b68}.matching-game .matching-layout{grid-template-columns:minmax(235px,288px) minmax(0,1fr);gap:20px;max-width:1320px;padding:25px clamp(14px,2.8vw,35px) 22px}.matching-game .matching-sidebar{gap:16px}.matching-game .matching-side-card,.matching-game .matching-main{border:1px solid var(--match-line);box-shadow:var(--match-shadow);background:#fff;border-radius:21px}.matching-game .matching-side-card{padding:22px}.matching-game .matching-side-card h2{color:#2b505a;margin:0 0 14px;font-size:16px;font-weight:850}.matching-game .matching-score{background:linear-gradient(155deg,#edfcfd,#fff);border:1px solid #c9eaed}.matching-game .matching-score>strong{color:#087f91;font-size:clamp(34px,4vw,43px)}.matching-game .matching-score>strong small{color:#5c8b94}.matching-game .matching-score p{color:#67868f;line-height:1.5}.matching-game .matching-filter-note{background:repeating-linear-gradient(#f9fefc 0 33px,#e5eff022 34px),#f9fefc;border:1px solid #cfe8e9;border-radius:18px;padding:26px 20px 19px;position:relative;overflow:visible;transform:none;box-shadow:0 10px 27px #4c9ca512}.matching-game .matching-filter-note:before{background:#a4e8eacc;border:0;width:72px;height:17px;top:-7px;box-shadow:0 2px 3px #68b4b41a}.matching-game .matching-filter-note h2{color:#2b6670;border-bottom:1px solid #dbecee;padding-bottom:12px;font-size:16px}.matching-game .matching-filter-note .matching-guidance{color:#679099;font-size:12px;line-height:1.65}.matching-game .matching-filter-note .matching-filter-list{margin-top:10px}.matching-game .matching-filter-note .matching-filter{color:#3f6069;border-bottom:1px dashed #cfe2e4;padding:11px 3px;font-size:13px}.matching-game .matching-filter-note .matching-filter span{color:#07a7b8;font-weight:850}.matching-game .matching-main{min-width:0;padding:clamp(18px,3vw,34px)}.matching-game .matching-main .profile-area{grid-template-columns:minmax(0,276px) minmax(0,1fr);justify-content:center;align-items:start;gap:clamp(20px,3vw,42px)}.matching-game .matching-main .profile-area .portrait{aspect-ratio:1;background:linear-gradient(155deg,#d5f6f7,#b6dfe8);border-radius:18px;width:100%;max-width:100%;box-shadow:0 6px 23px #54a9ae17}.matching-game .matching-main .profile-area .portrait-figure{transform:translate(-50%)scale(.88)}.matching-game .photo-dots span{background:#dce9ec}.matching-game .photo-dots span.active{background:#03b8c9}.matching-game .profile-details h2{color:#1f4551;margin:1px 0 8px;font-size:clamp(23px,2.6vw,32px);font-weight:850}.matching-game .matching-main .profile-details h2 span{color:#62808a;margin-left:4px;font-size:.68em;font-weight:650}.matching-game .profile-location{color:#75929a;margin-bottom:18px;font-size:14px}.matching-game .matching-main .detail-grid{grid-template-columns:minmax(85px,.76fr) minmax(0,1fr);font-size:13px}.matching-game .matching-main .detail-grid span,.matching-game .matching-main .detail-grid strong{border-bottom:1px solid #edf2f4;padding:12px 7px}.matching-game .matching-main .detail-grid span{color:#8a9ca2}.matching-game .matching-main .detail-grid strong{color:#31525d}.matching-game .matching-main .profile-message{background:#f7fcfd;border:1px solid #e1eef0;border-radius:14px;margin-top:19px;padding:15px 17px}.matching-game .matching-main .profile-message>span{color:#0d95a6;font-size:12px;font-weight:800}.matching-game .matching-main .profile-message p{color:#48636c;font-size:14px;line-height:1.8}.matching-game .matching-actions{gap:clamp(25px,5vw,50px);margin:28px auto 10px;padding-bottom:37px}.matching-game .matching-actions button{border-radius:50%;width:78px;height:78px;transition:transform .15s,box-shadow .15s;box-shadow:0 7px 20px #3764761c}.matching-game .matching-actions button:not(:disabled):hover{transform:translateY(-3px)scale(1.04);box-shadow:0 11px 25px #3764762a}.matching-game .matching-actions button:focus-visible,.matching-game .matching-header button:focus-visible{outline-offset:4px;outline:3px solid #07b1bf}.matching-game .matching-actions .matching-dislike{color:#839ca4;background:#fff;border:2px solid #d8e7ea}.matching-game .matching-actions .matching-like{color:#fff;background:linear-gradient(140deg,#3bd0d7,#00afc1);border:2px solid #07b8c7}.matching-game .matching-actions .matching-like span{color:#058b9b}.matching-game .matching-actions .matching-dislike span{color:#8298a1}.matching-game .matching-actions .matching-super-like{color:#a07820;background:linear-gradient(145deg,#fff6d6,#ffe292);border:2px solid #f0c768;width:78px;height:78px;box-shadow:0 7px 20px #b78b3524}.matching-game .matching-actions .matching-super-like span{color:#a07820}.matching-game .matching-ready{gap:15px;min-height:410px}.matching-game .matching-ready>span{color:#0ab5c5;background:#e4f9fb;border-radius:50%;place-items:center;width:98px;height:98px;font-size:68px;display:grid}.matching-game .matching-ready h2{color:#294d59}.matching-game .matching-ready p{color:#728c95}.matching-game .matching-ready button{color:#fff;background:linear-gradient(115deg,#13c2cc,#00aebf);border-radius:999px;padding:15px 36px;box-shadow:0 8px 20px #00b8c92e}.matching-game .matching-ready button:disabled{box-shadow:none;background:#bacad0}.matching-game .matching-footer{color:#8399a1;max-width:1320px;padding:3px 28px 35px}.matching-game .matching-footer button{color:#50818d;background:#fff;border:1px solid #d8e8eb;border-radius:999px}.matching-game .own-profile-overlay{background:#12353ea8}.matching-game .own-profile-dialog{color:var(--match-text);background:#f9fcfd;border:1px solid #d7ebee;border-radius:24px}.matching-game .own-profile-eyebrow{color:#00a7b8}.matching-game .own-profile-close{color:#197e8b;background:#e5f7f9}.matching-game .own-profile-card{background:#fff;border:1px solid #e4eff1;border-radius:17px}.matching-game .own-profile-back{background:linear-gradient(110deg,#0bc1cc,#00aebf);border-radius:999px}.matching-game .own-profile-photo-dots button.active{background:#00b7c7}.matching-game .own-profile-photo-dots button:focus-visible{outline-color:#00b7c7}@media (width<=980px){.matching-game .matching-header{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}.matching-game .matching-progress{grid-area:2/1/auto/-1}.matching-game .matching-layout{grid-template-columns:minmax(205px,240px) minmax(0,1fr);gap:14px}.matching-game .matching-main .profile-area{grid-template-columns:minmax(0,1fr)}.matching-game .matching-main .profile-area .portrait{width:min(100%,310px);margin-inline:auto}}@media (width<=700px){.scene-home{padding:18px 12px 42px}.scene-home .topbar{gap:8px}.site-brand{gap:10px}.site-brand-icon{border-radius:14px;flex-basis:43px;width:43px;height:43px;font-size:24px}.scene-home .topbar h1{font-size:clamp(19px,5vw,25px)}.scene-home .topbar .kicker{letter-spacing:.1em;font-size:8px}.scene-home .stage-info{font-size:9px}.scene-home .stage-info strong{font-size:10px}.scene-home .age-gate-page{border-radius:23px;margin-top:22px}.scene-home .age-gate{padding:29px 20px 32px}.scene-home .age-gate-symbol{width:107px}.scene-home .age-gate-secondary .menu-actions{grid-template-columns:minmax(0,1fr)}.matching-game .matching-header{padding:12px 14px}.matching-game .matching-brand strong{font-size:18px}.matching-game .matching-brand small{font-size:10px}.matching-game .matching-heart{border-radius:13px;flex-basis:40px;width:40px;height:40px;font-size:23px}.matching-game .matching-timer{padding:8px 10px}.matching-game .matching-timer small{display:none}.matching-game .matching-timer strong{font-size:22px}.matching-game .matching-header .app-menu-trigger{min-width:42px;min-height:42px;padding:7px 10px;font-size:20px}.matching-game .matching-layout{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}.matching-game .matching-main{order:1;padding:18px 16px 20px}.matching-game .matching-sidebar{order:2}.matching-game .matching-side-card{padding:18px}.matching-game .matching-main .profile-area{grid-template-columns:minmax(0,1fr);gap:15px}.matching-game .matching-main .profile-area .portrait{width:min(100%,320px);margin:auto}.matching-game .matching-main .profile-details{padding:8px 4px}.matching-game .matching-actions{gap:24px;margin-top:20px;padding-bottom:35px}.matching-game .matching-actions button,.matching-game .matching-actions .matching-super-like{width:69px;height:69px;font-size:34px}.matching-game .matching-actions button span{font-size:11px;top:calc(100% + 10px)}.matching-game .matching-actions .matching-super-like span{font-size:11px}.matching-game .matching-actions .matching-super-like span small{font-size:10px}.matching-game .matching-footer{flex-wrap:wrap;padding:4px 16px 24px}}@media (width<=380px){.scene-home .topbar .stage-info{display:none}.scene-home .age-gate-actions{gap:8px}.scene-home .age-gate-actions .age-gate-enter,.scene-home .age-gate-actions .age-gate-exit{min-height:50px;padding-inline:7px}.matching-game .matching-header{gap:7px;padding-inline:10px}.matching-game .matching-brand{gap:8px}.matching-game .matching-brand strong{font-size:16px}.matching-game .matching-brand small{display:none}.matching-game .matching-timer{padding:7px 8px}.matching-game .matching-timer strong{font-size:19px}.matching-game .matching-header .app-menu-trigger{min-width:38px;min-height:38px}}@media (prefers-reduced-motion:reduce){.scene-home .age-gate-actions :is(button,a),.matching-game .matching-actions button{transition:none}}@media (width<=700px){.matching-game .matching-layout>.matching-main{order:1}.matching-game .matching-layout>.matching-sidebar{order:2}.matching-game .matching-sidebar .matching-score{order:-1}}